Kas yra "Font Stack"?

Nors atvaizdai gauna daug meilės, kai jie ateina į svetaines, tai yra rašytinis žodis, kuris kreipiasi į paieškos variklius ir atlieka daugelio svetainių turinį. Todėl spausdinimo dizainas yra labai svarbi svetainės dizaino dalis. Svetainės teksto svarba yra būtina užtikrinti, kad ji atrodytų gerai ir būtų lengva skaityti. Tai daroma naudojant stilių CSS (kaskadinio stiliaus lapai).

Laikantis šiuolaikinio interneto dizaino standarto, kai norite diktuoti svetainės teksto turinio išvaizdą, tai padarysite naudodamiesi CSS. Tai atskleidžia CSS stilių iš puslapio HTML struktūros. Pavyzdžiui, jei norite nustatyti puslapio šriftą "Arial", tai galite padaryti pridėdami CSS (CSS) šią stiliaus taisyklę (pastaba - tai greičiausiai bus padaryta išoriniame CSS stiliaus lape, kuriame galimi stiliai už kiekvieną svetainės puslapį):

kūnas {font-family: Arial; }

Šis šriftas yra nustatytas "kūnui", todėl CSS kaskadas taiko stilių visiems kitiems puslapio elementams. Taip yra todėl, kad kiekvienas kitas HTML elementas yra "kūno" elemento vaikas, CSS stiliai, pavyzdžiui, šriftų šeima ar spalva, kaskados iš tėvų į vaiko elementą. Tai bus, nebent konkretiems elementams bus pridėtas konkretesnis stilius. Vienintelė problema, susijusi su šiuo CSS, yra tai, kad yra nurodytas tik vienas šriftas. Jei šia šriftu dėl kokių nors priežasčių negalima rasti, naršyklė pakeis kitą vietą. Tai blogai, nes jūs nekontroliuojate, koks šriftas yra naudojamas - naršyklė jums pasirinks ir jums gali nepatinka tai, ko nusprendė naudoti! Štai kur ateina šrifto krepšelis.

Šrifto krepšelis yra šriftų sąrašas šriftų šeimos deklaracijoje. Šriftai yra išvardyti pagal pageidavimą, kad jie būtų rodomi svetainėje, jei kiltų problemų, pavyzdžiui, šriftas nebūtų įkeltas. Šriftų kamštis leidžia dizaineriui kontroliuoti šriftų išvaizdą tinklalapyje, net jei kompiuteryje nėra pradinio šrifto, kurį paskatino.

Taigi, kaip atrodo šrifto krepšys? Štai pavyzdys:

kūnas {font-family: Gruzija, "Times New Roman", serifas; }

Čia yra keletas dalykų.

Pirma, pamatysite, kad atskyrėme skirtingus šrifto pavadinimus kableliais. tarp kiekvienos Galite pridėti tiek daug šriftų, kiek norite, jei jie yra atskirti kableliais. Naršyklė pabandys įkelti pirmąjį nurodytą pirmąjį šriftą. Jei tai nepavyks, jis paleis liniją, išbandydamas kiekvieną šriftą, kol bus rastas tas, kurį jis gali naudoti. Šiame pavyzdyje mes naudojame interneto saugius šriftus, o "Georgia" greičiausiai bus rasti asmens kompiuteryje, kuris aplanko svetainę (pastaba - naršyklė jūsų kompiuteryje žiūri į šriftus, nurodytus puslapyje, taigi svetainė iš tiesų sako kompiuteris, kurio šriftus įkelti iš jūsų sistemos). Jei dėl kokios nors priežasties šis šriftas nerastas, jis pereis į apačią ir bandys kitą nurodytą šriftą.

Kalbant apie kitą šriftą, atkreipkite dėmesį, kaip jis įrašytas į kaminą. "Times New Roman" vardas yra padėtas dvigubais kabutėmis. Taip yra todėl, kad šrifto pavadinime yra keli žodžiai. Visi šriftų pavadinimai, kuriuose yra daugiau nei vienas žodis ("Trebuchet MS", "Courier New" ir tt), turi būti pavadintas dvigubais kabetais, kad naršyklė žinotų, kad visi šie žodžiai yra vieno šrifto pavadinimo dalis.

Galiausiai mes užbaigsime šriftą su "serif", kuris yra bendras šrifto klasifikavimas. Mažai tikėtinu atveju, kad nė vienas iš šriftų, kuriuos jūs nurodėte savo kolekcijoje, yra prieinamas, naršyklė paprasčiausiai suras šriftą, kuris bent jau patenka į tinkamą jūsų pasirinktą klasifikaciją. Pavyzdžiui, jei naudojate sans-serif šriftus, tokius kaip "Arial" ir "Verdana", nei baigiant "sans-serif" klasifikatoriaus šriftu, bent jau išsaugos šrifto tą bendrą šeimą, jei kiltų problemų. Žinoma, turėtų būti labai reta, kad naršyklė negalėtų rasti jokių šriftų, išvardytų stočių, o vietoj to turi naudoti šią bendrąją klasifikaciją, geriausia įtraukti ją bet kuriuo atveju tik dvigubai saugiai.

Šrifto šakos ir interneto šriftai

Daugelis svetainių šiandien naudoja interneto šriftus, kurie yra įtraukti į svetainę kartu su kitais ištekliais (pvz., Svetainės vaizdais, Javascript failais ir tt) arba susieti su išorine šriftu, pvz., "Google" šriftais arba "Typekit". Nors šiuos šriftus reikia įkelti, nes jūs susiejate su pačiais failais, vis tiek norite naudoti šrifto kamštį, kad galėtumėte kontroliuoti bet kokius galinčius kilti. Tas pats pasakytina ir apie saugius "interneto saugius" šriftus, kurie turėtų būti ant kažkieno kompiuterio (atkreipkite dėmesį į tai, kad šriftai, kuriuos mes naudojome kaip pavyzdžius šiame straipsnyje, įskaitant "Arial", "Verdana", "Georgia" ir "Times New Roman", yra visi šriftai, saugomi tinkle, kurie turėtų būti asmens kompiuteryje). Nors trūksta šriftų tikimybės yra labai mažos, nurodant šrifto kampą bus galima kuo labiau apsaugoti svetainės tipografinį dizainą .

Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard 9/9/17