Laiks kārtējai pārī savienotajai ekrāna pārraidei! Šoreiz man ir Zaks Litrermans no Filament Group. Zaks pēdējos gados ir daudz pētījis, rakstījis un runājis par tīmekļa fontu ielādi. Viņam ir visaptveroša rokasgrāmata par to!
Pastāv dažas problēmas ar noklusēto fontu ielādes veidu. Tāpat kā šeit, vienkārši saistiet fontu dažos CSS, izmantojot @ font-face. Pat to, kā Google fonti nodrošina to fontu izmantošanu, Zaks sauc par anti-modeli (galu galā tas ir tikai vanilla @ font-face). Dažādas pārlūkprogrammas veic dažādas darbības ar @ font-face. Piemēram, dažās Safari versijās pielāgotā fonta iestatījums padara neredzamu, līdz fonts tiek ielādēts, taču tam nav noildzes, tādēļ, ja fonts kāda iemesla dēļ neizdodas, jūs varat atrasties visnelabvēlīgākajā scenārijā: uz visiem laikiem neredzams teksts ieslēgts vietni.
Jums nav pārāk daudz iespēju kontrolēt, kā tiek ielādēti @ font-face fonti, ja vien jūs to neuzņematies savās rokās. Tas nozīmē, piemēram: fonta ievietošanu, fonta apakškopu (vai nu ar “kritisku” glifu kopu, vai vismaz samazinot glifus līdz lietojamajai valodai), izmantojot fontu ielādētājus, lai noteiktu, kad fonti tiek ielādēti, un mainot klases, lai tos izmantotu . Pēdējais ir īpaši interesants. Veicot fontu ielādes kontroli, jums ir jārisina ne tikai tas, kad / kā pārlūkprogramma ielādē CSS, kurā ir @ font-face, bet arī tas, kad / kā pārlūks sastop teksta elementus, kuriem tiek ieteikts izmantot šos fontus. Neizmantotie fonti netiek lejupielādēti. Tāpēc dažreiz procedūra ir piespiest viņus lejupielādēt, pagaidiet, līdz tie lejupielādējas, un pēc tam jāpielieto klases, lai tos faktiski izmantotu.
Daži mūsu apskatītie rīki:
- Firefox DevTools bija labāks, lai apskatītu izmantotos fontus
- Fontu abonēšanu var veikt Font Squirrel ģeneratorā vai Font Prep.
- Kādus glifus jūs apakškopā? Pārbaudiet vajadzīgo noteiktos vietrāžos URL, izmantojot Glyphhanger.
- Kā uzzināt, kad pārlūkprogramma izmanto mākslīgo treknrakstu / kursīvu? mākslīgā pas.