Typografický dizajn je kriticky dôležitým prvkom úspešného dizajnu webových stránok. Cieľom každého profesionála v oblasti web designu je vytvárať webové stránky s ľahko čitateľným textom, ktorý vyzerá skvele. Aby ste to dosiahli, budete musieť byť schopní nastaviť konkrétne písma, ktoré chcete používať na svojich webových stránkach. Ak chcete vo svojich webových dokumentoch určiť typ písma alebo rodinu fontov, použijete vo svojom dokumente vlastnosť štýlu font-family CSS.
Najkomplikovanejší štýl rodiny fontov, ktorý by ste mohli použiť, by obsahoval iba jednu rodinu fontov:
p {
rodina fontov: Arial;
}
Ak ste na stránku použili tento štýl, všetky odseky by sa zobrazili v rodine písma „Arial“. Je to skvelé a keďže „Arial“ je takzvané „bezpečné webové písmo“, čo znamená väčšinu (ak nie všetky). v počítačoch, ktoré by to mali nainštalované, môžete pokojne vedieť, že sa vaša stránka zobrazí v zamýšľanom formáte písmo.
Čo sa stane, ak písmo, ktoré vyberiete, nenájdete? Ak napríklad na stránke nepoužívate „písmo bezpečné pre web“, čo urobí užívateľský agent, ak dané písmo nemá? Robia striedanie.
Výsledkom môžu byť niektoré zábavné stránky. Raz som prešiel na stránku, kde môj počítač zobrazil celú stránku v prostredí „Wingdings“ (sada ikon), pretože môj počítač nemal písmo, ktoré určil vývojár, a môj prehliadač urobil priepastnú voľbu, aké písmo použije ako výmena. Stránka bola pre mňa úplne nečitateľná! To je miesto, kde prichádza na rad zásobník fontov.
Oddeľte viac rodín písma čiarkou v zásobníku písma
„Stoh písma“ je zoznam typov písma, ktoré chcete na svojej stránke používať. Svoje možnosti písma by ste zoradili podľa svojich preferencií a každý by ste oddelili čiarkou. Ak prehliadač nemá v zozname prvú rodinu písiem, pokúsi sa o druhé a potom o tretie atď., Kým nenájde jedno, ktoré má v systéme.
rodina fontov: Pussycat, Algerian, Broadway;
Vo vyššie uvedenom príklade prehľadávač najskôr vyhľadá písmo „Pussycat“, potom „alžírske“, potom „Broadway“, ak sa nenašlo žiadne iné písmo. To vám dáva väčšiu šancu, že sa použije aspoň jedno z vami vybraných typov písma. Nie je to dokonalé, a preto máme ešte viac, čo môžeme do nášho zásobníka písma pridať (čítajte ďalej!).
Ako posledné použite všeobecné písma
Môžete teda vytvoriť zásobník fontov so zoznamom typov písma a stále žiaden, ktorý prehliadač nenájde. Nechcete, aby sa vaša stránka zobrazovala ako nečitateľná, ak prehliadač nesprávne vyberie náhradu. Našťastie má CSS riešenie aj pre toto a volá sa všeobecné písma.
Zoznam písem by ste mali vždy ukončiť (aj keď je to zoznam jednej rodiny alebo iba písma bezpečné pre web) všeobecným písmom. Môžete použiť päť:
- Kurzíva
- Fantázia
- Jednopriestorový
- Bezpätkové
- Pätkové
Dva vyššie uvedené príklady by sa mohli zmeniť na:
rodina fontov: Arial, sans-serif;
alebo
rodina fontov: Pussycat, Algerian, Broadway, fantasy;
Niektoré názvy rodín fontov sú dve alebo viac slov
Ak je rodina fontov, ktorú chcete použiť, viac ako jedno slovo, mali by ste ich obklopiť úvodzovkami. Aj keď niektoré prehliadače dokážu čítať rodiny fontov bez úvodzoviek, pri zahustení alebo ignorovaní medzier môžu nastať problémy.
font-family: "Times New Roman", pätkové;
V tomto príklade vidíte, že názov písma „Times New Roman“, ktorý je viacslovný, je obsiahnutý v úvodzovkách. Prehliadaču to oznámi, že všetky tri tieto slová sú súčasťou názvu tohto písma, na rozdiel od troch rôznych typov písma, ktoré majú jednoslovné názvy.