Kaip CSS rasti šriftų šeimos pavadinimus

Kas yra šrifto šeimos pavadinimas?

Šrifto šeimos pavadinimai naudojami CSS – „cascading style sheets“ – norint identifikuoti šriftus. Kadangi daugelis šriftų turi įvairias versijas, dizaineriai dažniausiai nurodo šeimos pavadinimą (pvz., Arial, Helvetica, Verdana), o ne konkretaus šrifto variantą (Arial Black, Verdana Bold). Šeimos pavadinimas yra bendras visoms šrifto variantų versijoms.

Generinės šriftų šeimos

CSS taip pat palaiko generines šriftų šeimas, tokias kaip sans-serif, serif, monospace, cursive ir fantasy. Nurodžius generinę šeimą, naršyklė parinks numatytąjį šriftą, atitinkantį tą stilių.

Žingsnis 1 – kaip sužinoti šrifto pavadinimą

Paspauskite mygtuką Start užduočių juostoje, įveskite „fonts“ į paieškos laukelį ir paspauskite Enter. Atversite Windows šriftų aplanką. Suraskite norimą šriftą ir atkreipkite dėmesį į jo pavadinimą. Pvz., šriftas Arial turi daug variantų, bet bendras šeimos pavadinimas – „Arial“. Norėdami naudoti bendrą šriftą, rašykite font-family: Arial; norėdami konkretaus varianto – Arial Narrow. Dažniausiai kūno tekstui naudojamas generinis šeimos pavadinimas, o antraštėms – specifiniai šriftai.

Žingsnis 2 – šriftų eilės (font stack)

Pridėkite generinį šeimos pavadinimą į savo šriftų eilę. Šrifto eilė – tai šriftų šeimų sąrašas, kuriuo naršyklė gali pasikliauti, jei lankytojas neturi pirmojo šrifto. Pavyzdžiui, eilės pabaigoje rašome serif (jei eilė prasideda Georgia, Times New Roman) arba sans-serif (jei eilė prasideda Helvetica, Verdana). Kiti generiniai pavadinimai: monospace, cursive, fantasy. Šie pavadinimai nėra svarbūs, kai šriftas įkeliamas per @font-face.

Jei šrifto šeimos pavadinimas susideda iš kelių žodžių, jį reikia apsupti kabutėmis. Vieno žodžio pavadinimai (Arial, Georgia) kabučių nereikalauja. Galite naudoti viengubas arba dvigubas kabutes, bet venkite maišyti jų tipus, nes tai gali sukelti klaidų. Pavyzdys:

body {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

Ši eilė nurodo, kad naršyklė pirmiausia ieškos „Helvetica Neue“. Kadangi šis šriftas Windows sistemoje nėra, vartotojai matys Arial, o kiti – numatytąjį sans-serif šriftą.

Patarimas

• Kai kurie gerai žinomi dizaineriai, pvz., Paul Irish ir Chris Coyier, rekomenduoja atsisakyti ilgos šriftų eilės ir naudoti tik generinius šeimos pavadinimus (pvz., Helvetica, Arial, sans-serif → tiesiog sans-serif). Tai gerbia vartotojo nustatymus ir sutrumpina kodą, nes naršyklės dažniausiai patys pasirinks tinkamą šriftą.