Tipografinis dizainas yra labai svarbus sėkmingo tinklalapio kūrimo elementas. Kurti svetaines su lengvai skaitomu ir puikiai atrodančiu tekstu yra kiekvieno interneto dizaino profesionalo tikslas. Norėdami tai pasiekti, turėsite mokėti nustatyti konkrečius šriftus, kuriuos norite naudoti savo tinklalapiuose. Norėdami nurodyti šrifto ar šriftų šeimą savo žiniatinklio dokumentuose, naudosite „font-family style“ ypatybę CSS.
Labiausiai nesudėtingas šriftų šeimos stilius, kurį galėtumėte naudoti, apimtų tik vieną šriftų šeimą:
p {
šriftų šeima: Arialas;
}
Jei pritaikytumėte šį stilių puslapyje, visos pastraipos būtų rodomos „Arial“ šriftų šeimoje. Tai puiku ir kadangi „Arial“ yra žinomas kaip „saugus žiniatinklio šriftas“, o tai reiškia daugumą (jei ne visus) kompiuteriuose būtų įdiegta, galite būti ramūs, žinodami, kad jūsų puslapis bus rodomas numatytame šriftas.
Taigi, kas atsitiks, jei nepavyks rasti jūsų pasirinkto šrifto? Pvz., Jei nenaudojate „saugaus žiniatinklio šrifto“ puslapyje, ką veikia vartotojo agentas, jei neturi tokio šrifto? Jie pakeičia.
Tai gali sukelti keletą linksmai atrodančių puslapių. Kartą nuėjau į puslapį, kuriame mano kompiuteris jį visiškai rodė „Sparnuose“ (piktogramų rinkinyje), nes mano kompiuteryje nebuvo kūrėjo nurodytą šriftą, o mano naršyklė padarė klaidingą pasirinkimą, kokį šriftą jis naudos kaip pakeitimas. Šis puslapis man buvo visiškai neįskaitomas! Čia atsiranda šriftų šūsnis.
Atskirkite kelias šriftų šeimas kableliais šriftų krūvelėje
„Šriftų krūva“ yra šriftų, kuriuos norite naudoti savo puslapyje, sąrašas. Savo šrifto pasirinkimus išdėstysite pagal pageidavimus ir atskirsite kiekvieną kableliu. Jei naršyklėje nėra pirmosios šriftų grupės sąraše, ji bandys antrą, paskui trečią ir t. T., Kol ras tokią, kokią turi sistemoje.
šriftų šeima: Pussycat, Alžyro, Brodvėjus;
Ankstesniame pavyzdyje naršyklė pirmiausia ieškos šrifto „Pussycat“, tada - „Alžyro“, tada - „Brodvėjus“, jei nerasta nė vieno iš kitų šriftų. Tai suteikia daugiau galimybių, kad bus naudojamas bent vienas iš jūsų pasirinktų šriftų. Tai nėra tobula, todėl mes turime dar daugiau, ką galime pridėti prie savo šriftų kamino (skaitykite toliau!).
Naudokite „Generic Fonts Last“
Taigi galite sukurti šriftą su šriftų sąrašu ir vis tiek neturite nė vieno, kurio naršyklė neras. Nenorite, kad jūsų puslapis būtų rodomas neįskaitomas, jei naršyklė netinkamai pasirenka pakaitalą. Laimei, CSS taip pat turi sprendimą, ir jis vadinamas bendrieji šriftai.
Visada turėtumėte baigti šriftų sąrašą (net jei tai yra vienos šeimos sąrašas arba tik internete saugūs šriftai) su bendru šriftu. Yra penki, kuriuos galite naudoti:
- Kurzinis
- Fantazija
- Monospace
- Sans-serif
- Serif
Du aukščiau pateikti pavyzdžiai gali būti pakeisti į:
šriftų šeima: Arialas, sans-serifas;
arba.
šriftų šeima: Pussycat, Alžyro, Brodvėjus, fantazija;
Kai kurie šriftų šeimos pavadinimai yra du ar daugiau žodžių
Jei norima naudoti šriftų šeima yra daugiau nei vienas žodis, turėtumėte apgaubti ją kabutėmis. Nors kai kurios naršyklės gali skaityti šriftų šeimas be kabučių, gali kilti problemų, jei tarpai sutankinami arba nepaisoma.
šriftų šeima: „Times New Roman“, serifas;
Šiame pavyzdyje galite pamatyti, kad šrifto pavadinimas „Times New Roman“, kuris yra kelių žodžių, yra įdėtas į kabutes. Tai nurodo naršyklei, kad visi šie trys žodžiai yra to šrifto pavadinimo dalis, priešingai nei trys skirtingi šriftai, turintys vieno žodžio pavadinimus.