W moim poprzednim artykule „” opisałem dwie najpopularniejsze usługi osadzania czcionek w układzie, a także obiecałem ujawnić sekrety ich wykorzystania w następnym artykule.

Załóżmy, że projektant zastosował w swoim układzie bardzo modne, najpopularniejsze czcionka nagłówkowa MyriadPro firmy Adobe. Google WebFonts tego nie ma, choćby dlatego, że Adobe nie udostępniło go za darmo.

Ale zadanie jest tego warte, a teraz do rzeczy. Czy zastanawiałeś się jak zintegrować z układem MyriadPro.

Chodźmy tutaj i zobaczmy następujący obrazek:

Dodaj swoją czcionkę lub czcionki (dla nas będzie to Myriad Pro Regular) i wybierz tryb „Ekspert”. Możemy wybierać formaty czcionek – radzę zostawić wszystko bez zmian – działa to przynajmniej na wszystkich nowoczesnych wersjach przeglądarek. Stara Opera (sprzed dwóch lat) działała, jeśli się nie mylę, z SVG, ale miała fatalne renderowanie i bez żadnego antyaliasingu.

Wybierz opcję Podzbiór niestandardowy. Jest to konieczne, aby wybrać dokładnie te zakresy znaków (czyli znaków językowych), których potrzebujemy. I najprawdopodobniej potrzebujemy „angielskiego”, „cyrylicy”, a czasem dodaję „deutch”. Dodaję też to co na zrzucie ekranu - tak naprawdę nigdy nie wiadomo jakie jeszcze symbole mogą się przydać, a nie bardzo chce się powtarzać tę procedurę drugi raz (razem z integracją).

Czy istnieje alfabet cyrylicy? Wspaniały. Przejdźmy do następnego kroku:

Możemy osadzić nasze czcionki bezpośrednio w CSS przy użyciu kodu Base64 (wszystkie nowoczesne przeglądarki wspierać ten zwód uszami). Wpłynie to pozytywnie na zmniejszenie obciążenia serwera (zmniejszy się liczba żądań do niego), a także na szybkość ładowania stron.

Możesz także zmienić nazwę wynikowego CSS i dodać wiele innych opcji, które zawyżają rozmiar pliku i nie są szczególnie potrzebne w praktyce.
Reszty nie dotykamy - nie warto.

Kłamiemy, że ta czcionka może być swobodnie używana w Internecie (ale w rzeczywistości - tylko w układach .PSD, sądząc po umowie Adobe EULA) i otrzymujemy plik ZIP.

Zobaczymy w nim plik „nazwa czcionki-demo.html” - otwieramy go i widzimy piękną płytkę z naszymi czcionkami. Aby sprawdzić nasz alfabet cyrylicy, przejdź do „Glify i języki” i przewiń w stronę końca strony.

Sprawdzamy we wszystkich nowoczesnych przeglądarkach: Chrome, Firefox, Internet Explorera 9, Opera i Safari. Czy istnieje alfabet cyrylicy? Wspaniały.

Cóż, teraz zbudujmy to wszystko w naszym CSS (patrz plik stylesheet.css) i skopiujmy pliki czcionek do naszego folderu – na wszelki wypadek:

Teraz spójrzmy na wynik:

Pracuje. Wszystko jest bardzo proste i piękne.

Każdy projektant stron internetowych marzy o stworzeniu strony internetowej z piękną typografią. Niestety przeglądarki obsługują tylko kilka krojów pisma, tak zwane czcionki „bezpieczne dla sieci”. W standardowy zestaw Uwzględniono następujące czcionki: Arial, Verdana, Czasy, Gruzja, Courier New i kilka innych.

Zestaw słuchawkowy definiuje zestaw jednej lub więcej czcionek, z których każda składa się ze wspólnych znaków cechy konstrukcyjne- waga, styl, projekt, styl, gęstość, rozmiar, na przykład czcionki bezszeryfowe (lub bezszeryfowe), czcionki szeryfowe (szeryfowe). Krój pisma składa się z zestawu znaków (cyfr, liter, znaków interpunkcyjnych, Specjalne symbole, może również składać się ze znaków innych niż alfabetyczne).
Czcionka to zbiór symboli o określonej wielkości, wadze i stylu. Na przykład czcionka w stylu kursywy Times New Roman o rozmiarze 16 pikseli to jedna czcionka, a czcionka w stylu kursywy Times New Roman o rozmiarze 10 pikseli to druga.

Reguła @font-face umożliwia podłączenie różnych niestandardowych czcionek. Przeglądarka ładuje czcionki do pamięci podręcznej i używa ich do formatowania tekstu na stronie. To podejście nazywa się osadzanie czcionek, a wbudowane czcionki to czcionki internetowe.

Regułę @font-face należy umieścić przed wszystkimi innymi zasady CSS, ponieważ ta technika poprawi wydajność strony. Pobrane czcionki można umieścić w specjalnym folderze czcionek utworzonym na serwerze.

Aby połączyć czcionkę za pomocą reguły @font-face, potrzebujesz:
1) wgraj na serwer plik czcionki w kilku formatach do obsługi przez wszystkie przeglądarki,
2) podać nazwę czcionki, podać link do pliku i ustawić opis czcionki,
3) dodaj nazwę czcionki do właściwości czcionki-rodziny elementu, który będzie wyświetlany z tą czcionką.

@font-face ( rodzina czcionek: "WebFont"; src: url(WebFont.eot?) format("eot"), /* IE8+, znak? pozwala ominąć błąd w procedurze obsługi wartości src */ url( WebFont.woff) format("woff"), /* wszystkie nowoczesne przeglądarki, IE9+ */ url(WebFont.ttf) format("truetype"); /* wszystkie nowoczesne przeglądarki */ ) p (rodzina czcionek: "WebFont" , Arial, bezszeryfowe; )

Ten kod informuje przeglądarkę, aby wyświetliła tekst wewnątrz elementu

Korzystanie z czcionki WebFont. Jeśli przeglądarka z jakiegoś powodu nie będzie mogła załadować tej czcionki, wybierze odpowiednią z listy czcionek. Przegląda je w tej kolejności, aż znajdzie czcionkę, której będzie mógł z powodzeniem użyć.

W każdej rodzinie czcionek można zdefiniować do dziewięciu grubości. Dlatego dla każdej osadzonej czcionki, a także dla każdego stylu należy ustawić odrębną regułę @font-face, tj. nie możesz zadeklarować dwóch różnych czcionek lub czcionki z tej samej rodziny w jednej regule, ale różne style i waga.

@font-face ( rodzina czcionek: "WebFont"; src: format url(WebFont.eot?)("eot"), format url(WebFont.woff)("woff"), format url(WebFont.ttf)( "truetype"); grubość czcionki: pogrubiona; styl czcionki: kursywa; ) @font-face ( rodzina czcionek: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont .woff) format("woff"), url(WebFont.ttf) format("truetype"); grubość czcionki: 400; styl czcionki: normalny; )

Ogólnie rzecz biorąc, możesz ustawić następujące właściwości czcionki:

@font-face ( rodzina czcionek: "Nazwa Czcionki"; src: url() format(" "); wariant czcionki: ; rozciągnięcie czcionki: ; grubość czcionki: ; styl czcionki: ; )

Jeżeli założymy, że dana czcionka jest zainstalowana na komputerze użytkownika i chcemy, aby czcionka została pobrana dopiero po sprawdzeniu, czy użytkownik ją posiada, możemy użyć wartości local() do ustawienia adresu:

@font-face ( rodzina czcionek: "WebFont"; src: local("WebFont"), url(WebFont.eot?) format("eot"), url(WebFont.woff) format("woff"), url (WebFont.ttf) format("truetype"); grubość czcionki: pogrubiona; styl czcionki: kursywa; )

Formaty czcionek internetowych

Właściwość @font-face jest dobrze obsługiwana w przeglądarkach, ale korzystają z niej różne przeglądarki różne formaty czcionki. Istnieją cztery główne formaty czcionek:

w formacie WOFF(Web Open Font Format), otwarty format czcionek internetowych opracowany przez Mozillę. Technicznie rzecz biorąc, WOFF nie można nazwać formatem czcionki, ponieważ jest to po prostu opakowanie z funkcją kompresji. Format kompresuje czcionki w formacie TTF/OTF do użytku w Internecie. WOFF umożliwia także dodanie do pliku metadanych, np. informacji o licencji.

Formaty OTF/TTF(Czcionka OpenType i czcionka TrueType) działają w większości przeglądarek. Obydwa formaty są swobodnie dostępne.

formacie EOT(Embedded Open Type) stworzony przez programistów Microsoft, jest skompresowaną kopią czcionki TTF, której ponowne wykorzystanie jest zabronione przez technologie DRM (Digital Rights Management). Obsługiwane tylko w IE, począwszy od wersji 8.

SVG/SVGZ(Scalabe Vector Graphics) to typ pliku czcionki reprezentujący styl czcionki wektorowej. Zwykle ma mniejsze rozmiary plików, co poprawia wydajność urządzenia mobilne. Działa w Operze Mobile i iOS Safari.

Trudności w korzystaniu z wbudowanych czcionek

1) Pliki czcionek mogą być duże, więc w niektórych przypadkach dodanie @font-face spowalnia ładowanie strony.
2) Niektóre czcionki mają ograniczenia licencyjne, które nie pozwalają na swobodne korzystanie.
3) Niektóre czcionki po prostu nie wyglądają dobrze na stronach internetowych.

Dzisiaj chcę porozmawiać o właściwości CSS @font-face, która sprawia, że ​​używanie niestandardowej czcionki na stronie internetowej staje się łatwiejsze i wygodniejsze. Jest jednak jedno „ale”, które należy rozwiązać – różne przeglądarki wymagają różnych formatów plików czcionek.

Wstęp

Według statystyk, w tej chwili co najmniej 92% przeglądarek komputerowych działa poprawnie z @font-face. Wszystko odbywa się po prostu: nazywamy czcionkę, wskazujemy do niej ścieżkę, używamy jej bezpośrednio w CSS:

// Zadeklaruj czcionkę
@font-face (
rodzina czcionek: "Nazwa czcionki";
src: url("ścieżka/do/tego");
}

// Zastosuj czcionkę
P(
rodzina czcionek: „Nazwa czcionki”, Arial;
}

Tutaj w src: url wskazana jest ścieżka do pliku z czcionką, w src: local - nazwa czcionki na komputerze lokalnym w przypadku, gdy użytkownik już tę czcionkę posiada. Ale to nie jest takie proste różne przeglądarki Potrzebujesz różnych formatów czcionek.

Formaty czcionek

Czcionki mogą mieć formaty TTF, OTF, EOT, SVG i WOFF:

• Internet Explorer (wszystkie wersje) - EOT;
• Firefox (od wersji 3.5) - TTF/OTF (WOFF dodano od wersji 3.6);
• Opera (od 10) - TTF/OTF;
• Chrome (wszystkie wersje) - SVG (TTF/OTF dodany pod koniec stycznia 2010);
• Safari (od 3.2) - TTF/OTF.

Jak widać, mamy co najmniej cztery typy plików, które należy załadować.

Poprawne użycie

Aby nie tracić dużo czasu za każdym razem na tworzenie kilku plików czcionek i różnej składni połączenia, dobrzy ludzie wykonał usługę - Font Squirrel. Wchodzimy, pobieramy czcionkę i otrzymujemy archiwum z przykładem użycia i niezbędnymi typami plików.

Teraz możesz sprawdzić, czy wszędzie wszystko działa tak, jak powinno. Dla zabawy sugeruję sprawdzenie, jak wygląda @font-face w różnych przeglądarkach:

@font-face (
rodzina czcionek: „TheanoDidotRegular”;
src: url("theanodidot-regular-webfont.eot");
src: lokalny("☺"),
url("theanodidot-regular-webfont.woff") format("woff"),
url("theanodidot-regular-webfont.ttf") format("truetype"),
url("theanodidot-regular-webfont.svg#webfontE40g3tc3") format("svg");
waga czcionki: normalna;
styl czcionki: normalny;
}

To wszystko. Nie nadużywaj różnych czcionek ;-)

Możliwość osadzania na stronach internetowych dowolnych czcionek poprzez @font-face to dodatkowa funkcja stylistyczna, która ma przełamać monotonię zwykłych czcionek systemowych. Z pewnością byłoby zbyt prosto i oszczędnie, gdyby wszyscy używali tylko jednej czcionki. W tym artykule porozmawiamy właśnie o tym.

To krótkie wprowadzenie do @font-face daje wgląd w temat integracji czcionek za pośrednictwem @font-face. Jeśli chcesz użyć specjalnych czcionek, tutaj dowiesz się, jak zintegrować je na swoim serwerze. W tym artykule postaramy się wymienić wszelkiego rodzaju przydatne informacje związane z tym tematem.

Formaty czcionek internetowych

EOT, TTF, OTF, CFF, AFM, LWFN, FFIL, FON, PFM, PFB, WOFF, SVG, STD, PRO, XSF i to nie wszystko. Chyba łatwiej jest znaleźć wyjście z dżungli, niż czcionka, która odpowiada Ci w 100%. Przyjrzyjmy się zaletom i wadom integracji czcionek.

Prawdziwy typ

Format ten powstał w 1980 roku w konkursie Adobe Type 1 na PostScript. Format ten, oparty na nowych technologiach, zastąpił wiele innych, stosowanych wówczas. Microsoft zaczął używać formatu TrueType i wkrótce stał się on standardową czcionką systemową.

Typ otwarty

Dawno, dawno temu Microsoft i Adobe połączyły siły, aby stworzyć tego formatu. Co dziwne, opiera się na formacie TrueType, ale ma wbudowane w niego dodatkowe elementy, takie jak ligatury, znaki kontekstowe itp. Jednak wiele przeglądarek nadal nie obsługuje tego formatu. Istnieją dwa różne wersje Format OpenType oparty na różnych technologiach. Bardziej szczegółowo, oto ona:

• OpenType z konturami TrueType (OpenType TT) i
• OpenType z konturami PostScript (OpenType PS)

Czcionki oparte na formacie TrueType są bardziej odpowiednie dla Internetu i byłoby fajnie, gdyby Microsoft rozwiązał wszystkie problemy związane z wyświetlaniem. Czcionki TrueType i OpenType mają bardzo podobną strukturę czcionek i są obsługiwane w przeglądarce Safari 3.1 i nowszych, Firefox 3.5 i Opera 10 (i nowszych wersjach).

EOT

Internet Explorer obsługuje format (EOT) od 1990 roku. W przeciwieństwie do formatów TrueType i OpenType zapewnia następujące funkcje:

• Czcionki EOT są bardziej kompaktowe niż OpenType, co stanowi znaczącą zaletę w Internecie.
• Czcionek EOT można używać wyłącznie w domenie. Jest to bardzo wygodna rzecz, ponieważ... pomaga walczyć o licencjonowane prawa do czcionek.

Jeśli chcesz przekonwertować czcionkę TTF do pliku EOT, możesz skorzystać z narzędzia EOTFast (bezpłatnego), dostępnego tylko dla użytkowników systemu Windows.

WOW

W rzeczywistości format WOFF jest nowym skrzyżowaniem formatów TrueType i OpenType, co zasadniczo nie czyni go nowym.

WOFF wykorzystuje algorytm o nazwie zlib, który może znacznie zmniejszyć wagę pliku, bo o około 40%. Ponadto do tej czcionki można dodać metadane, takie jak licencja itp. Jednak takie dane nie mogą zostać zweryfikowane przez przeglądarki.

Ten format jest obsługiwany Przeglądarka Firefox, począwszy od wersji 3.6, oraz GoogleChrome, począwszy od wersji 5.0. Wszystkie pozostałe przeglądarki wprowadzają obecnie wszystkie niezbędne zmiany, aby obsługiwać ten format.

SVG

Czcionki SVG zawierają znaki symboliczne jako standardowe elementy i atrybuty SVG i są reprezentowane jako obrazy wektorowe. Ale, co dziwne, jest to jedna ze słabości tego formatu. Chociaż EOT, WOFF, PostScript i OpenType można skompresować, tę operację nie można zastosować do czcionek w formacie SVG.

Czcionki SVG nie są zbyt dobrą alternatywą dla czcionek internetowych, a iOS 4.2 jest pierwszą wersją Mobile Safari obsługującą ten format. Jednak ten format jest jedynym, którego można używać na iPhonie i iPadzie z systemem iOS 4.2.

Osadzanie czcionek z Twojego serwera

Nie musisz posiadać licencji, aby używać określonej czcionki w swoim projekcie. Możesz używać już licencjonowanych czcionek ze swoich aplikacji i przesyłać je na serwer internetowy.

Ta czcionka - tak, ta - nie

Zanim zaczniesz masowo konwertować zwykłe czcionki na czcionki internetowe, spróbuj ustalić, czy możesz to zrobić wg umowa licencyjna. Ogólnie, licencja komercyjna nie pozwala na używanie czcionek z różnych programów w innym miejscu. Nie będziesz więc mógł użyć reguły @font-face.

Jednocześnie istnieje ogromna liczba czcionek i usług specjalnie dla Internetu. Możesz także uzyskać licencję na własne czcionki w witrynie MyFonts.com.

Dopóki format WOFF nie stanie się oficjalnym standardem, możesz korzystać z tych technik i usług, podobnie jak wielu innych programistów.

Osadzanie darmowych czcionek

Na szczęście w Internecie można znaleźć ich całą masę. darmowe czcionki, które możesz wykorzystać w swoich witrynach internetowych. Listę czcionek, które można bezpiecznie zaimplementować, można znaleźć na stronie webfonts.info.

Kolejna ogromna kolekcja znajduje się w zasobie Font Squirrel. Tutaj możesz pobrać cały zestaw czcionek, które później trzeba będzie przekonwertować dzięki generatorowi zestawu @font-face.

Przed pobraniem czcionki upewnij się, że można ją przekonwertować na potrzeby Internetu!

Sam pomysł wykorzystania różnych czcionek na stronach internetowych zaczął się dynamicznie rozwijać w ciągu ostatnich dwóch lat. O takim tempie rozwoju można tylko marzyć. Jednak programiści nadal muszą radzić sobie z wieloma problemami z renderowaniem w różnych przeglądarkach. Wszystkie te problemy zostaną rozwiązane, gdy społeczność programistów zaakceptuje Web Open Font Format (WOFF) jako standard.

Kolejną przeszkodą, o której wspomniano wcześniej, jest przewaga sali operacyjnej Systemy Windows, w którym renderowanie subpikseli jest wyłączone (domyślnie w systemie Windows XP lub zgodnie z preferencjami użytkownika). W porównaniu z czcionkami systemowymi większość czcionek internetowych jest renderowana w niskiej jakości ze względu na brak renderowania subpikselowego. Oczywiście z biegiem czasu ten problem zostanie rozwiązany, gdy użytkownicy wymienią stary sprzęt i system operacyjny. Jednocześnie Internet Explorer 9 współpracuje z tekstem za pomocą procesora DirectWrite, który zapewnia znacznie bardziej zaawansowane przetwarzanie.

Używanie czcionek internetowych w swoim projekcie wymaga dokładnych testów, ponieważ różne przeglądarki i platformy, wynik może być dokładnie odwrotny. Jeśli ekran ma niską rozdzielczość i nie obsługuje renderowania subpikselowego, obraz będzie zniekształcony lub całkowicie nieobecny. Najłatwiejszym sposobem rozwiązania tego problemu jest zmiana sprzętu i systemu operacyjnego przez wszystkich! Ale tak się nie stanie) Oczywiście możesz użyć JavaScript, aby dowiedzieć się o obsłudze renderowania subpikseli.

Wyświetlanie tekstu

Nawet jeśli niektóre układy stron internetowych zbliżają się do złożoności układów drukowanych (dzięki bogatym zestawom zagnieżdżonych czcionek), istnieje jeszcze większy problem: przeglądarki nie dzielą automatycznie wyrazów. Zwłaszcza w językach, w których występuje dużo długich słów (np. niemiecki), co źle wpływa na czytelność tekstu.

Można to jednak poprawić za pomocą dzielenia wyrazów po stronie klienta JavaScript, które zostało opracowane przez phpHyphenator. Ale nawet w przypadku tego narzędzia mogą wystąpić problemy z integracją w przeglądarce, ale myślę, że w przyszłości zostanie to rozwiązane.

Funkcje OpenType

Jest również tylna strona medale. Faktem jest, że programy takie jak InDesign i QuarkXPress 7+ nie obsługują standardów typograficznych OpenType.

Funkcje i opcje OpenType umożliwiają rozwinięcie formatu w celu uzyskania większych możliwości. Jeśli aplikacja obsługuje te chipy, wówczas niektóre znaki mogą zostać automatycznie zastąpione.

Niektórych czcionek można używać tylko wtedy, gdy obsługują OpenType. Kompleksowy OpenType może zawierać glify i inne elementy. Korzystając z funkcji OpenType, wersja podstawowa zostaną zastąpione wersją zawierającą odpowiednie elementy obsługiwane w oprogramowaniu. Przykład na zdjęciu:

Niedawno wydany Firefox 4 obsługuje wszystkie powyższe funkcje OpenType. Teraz możesz cieszyć się tymi korzyściami w następujący sposób:

H1 ( -moz-font-feature-settings: "smcp=1"; )

Firma Microsoft udostępniła listę obsługiwanych funkcji OpenType. Miejmy nadzieję, że wszystkie inne przeglądarki pójdą ich śladem.

Mamy nadzieję, że ten artykuł był dla Ciebie pouczający! Jest mało prawdopodobne, aby wszystkie te problemy zostały szybko rozwiązane. Możemy tylko czekać.

Krótka historia o tym, jak poprawnie wygenerować czcionki dla RuNet. Koncentruje się na mieszczańskiej czcionce serwisowej, znanej już na Habré.

Jeśli piękno ma uratować świat, to projektanci interfejsy internetowe- to jest armia zła. Nie zrozumcie mnie źle, myślę sobie projektant stron internetowych i nie znoszę krzywych projektantów układu, muszę przepisywać własne badania PSD tymi samymi krzywymi rękami. I tu zaczyna się zabawa...

Jak wszystko działa w praktyce:

1. Przede wszystkim wszystko sprowadza się do wyboru odpowiedniego stosu czcionek dla RuNet, a gdyby nie to, to musiałem o tym pamiętać. Po wybraniu żądanego stosu podajemy go do ciała, mniej więcej tak:

Ciało(
rodzina czcionek: „Arial Black”, „Helvetica CY”, „Nimbus Sans L” bezszeryfowa;
rozmiar czcionki: 12px;
}

Wynikiem jest podstawowa czcionka, zbliżona do tej, której używamy w naszym układzie projektu. Świetnie!

2. Zadowoleni z naszej wydajności, uważnie przyglądamy się projektowi układu pracy i w niektórych miejscach (albo w menu, albo w stopce) widzimy coś popularnego w prawie wszystkich drukarniach: Niezliczone Pro, Arial Narrow lub jakiś inny Europa ze StarCrafta. Od razu przychodzą mi na myśl trzy opcje: zamień na obrazy, zainstaluj JS (tak, ten sam z cufon) lub jeszcze raz dotknij właściwości CSS @font-face. Tak, pomysł porzucenia diabła uniwersalnej skali i stosowania wszędzie bezpiecznego stosu oczywiście nie przychodzi nam do głowy - my, jak to mówią, „ożywiamy” piękno.

Pierwszą opcję, która przyszła mi do głowy – zastąpienie wszystkiego png – od razu odrzuciliśmy, tak postępowali nasi pradziadkowie u zarania paleolitu;
Druga opcja (cufon.js) nie odpowiada naszemu klientowi, niech go Bóg błogosławi - był na ziemi jeden trzeźwo myślący klient; - przejdźmy więc do punktu trzeciego.

3. Szukamy potrzebnej czcionki z głębi systemu Windows 7 za pomocą tego śladu: „Start → Panel sterowania → Czcionki”, skopiuj ją do folder lokalny na komputerze z projektem i otwórz generator czcionek Fontsquirrel. W moim przypadku – MyriadProCondensed.

Na szczęście kliknij przyciski i uzyskaj gotową właściwość CSS z serii:

@font-face (
rodzina czcionek: „MyriadProCondensed”;
src: url("myriadpro_cond-webfont.eot");
src: url("myriadpro_cond-webfont.eot?#iefix") format("embedded-opentype"),
url("myriadpro_cond-webfont.woff") format("woff"),
url("myriadpro_cond-webfont.ttf") format("truetype"),
url("myriadpro_cond-webfont.svg#MyriadProCondensed") format("svg");
waga czcionki: normalna;
styl czcionki: normalny;
}

Dostajemy też w archiwum do pobrania przykład tego jak nasza czcionka będzie wyglądać w przeglądarkach. I wszystko byłoby dobrze, ale wynikowy wynik nie działa tak, jak tego potrzebujemy. I wygląda na to, że ustawili EKSPERT… w ustawieniach, a nawet zaznaczyłem pewne pola wyboru - ale nadal nie ma efektu - rosyjskie litery nie chcą stać się MyriadProCondensed.

Googlowałem przez dwa dni, pierwszą rzeczą, którą zrobiłem, było otwarcie Habr, gdzie faktycznie dowiedziałem się o usłudze, dziękuję, nie znalazłem nic na ten temat i kontynuowałem „google” nastroju. Dwa dni później pojawił się nastrój i zacząłem rozbierać serwis www.fontsquirrel.com, a mianowicie szukać tam lokalizacji cyrylicy.

4. Znalazłem! Wystarczyło włożyć „pałeczkę radiową”. Podzbiór na pozycję Podzbiór niestandardowy. W rozwijanej zawartości zestawu zaznacz to pole Język w pozycji Cyrylica.

5. Hurra, udało się. Chodźmy napić się kawy. Dziękuję wszystkim za cierpliwość.

P.S. Nawet nie będę próbował Cię przekonać do stworzenia układu/interfejsu przy użyciu bezpiecznych stosów. Niech nam to będzie na sumieniu, ale wiem jedno, dopóki ta mania czcionek istnieje – świat powoli, ale nieubłaganie spada w przepaść. Nie ma nic pięknego w tym, że czcionki na ekranie monitora nie da się odczytać – nie!