Syntax vlastností rodiny písma
Typografický dizajn je kriticky dôležitým dielom úspešného dizajnu webových stránok. Vytváranie stránok s textom, ktorý je ľahko čitateľný a ktorý vyzerá skvele, je cieľom každého profesionála v oblasti web dizajnu. Aby ste to dosiahli, budete musieť byť schopní nastaviť konkrétne písma, ktoré chcete použiť na svojich webových stránkach. Ak chcete špecifikovať typ písma alebo rodinu písma vo vašich webových dokumentoch, použijete vo svojom CSS vlastnosť štýlu písma a rodiny.
Najjednoduchší typ písma a rodiny, ktorý by ste mohli použiť, by zahŕňali iba jednu rodinu písma:
p {font-family: Arial; }Ak ste použili tento štýl na stránku, všetky odseky by sa zobrazovali v rodine fontov "Arial". To je skvelé a keďže "Arial" je to, čo je známe ako "web-safe font", čo znamená, že väčšina (ak nie všetci) počítač by ho mala nainštalovať, môžete ľahko odpočinúť vediac, že vaša stránka sa zobrazí v zamýšľanom fonde ,
Takže čo sa stane, ak vybrané písmo nemožno nájsť? Ak napríklad nepoužívate na stránke stránku "bezpečné písmo", čo robí používateľ agentov, ak nemajú písmo? Striedajú sa.
Môže to mať za následok niektoré veľmi zábavné stránky. Raz som šiel na stránku, kde sa môj počítač zobrazil úplne v "Wingdings" (ikona), pretože môj počítač nemal písmo, ktoré vývojár určil a môj prehliadač urobil veľmi zlú voľbu, v akom fonde by použite ako náhradu. Stránka bola úplne nečitateľná pre mňa! Toto je miesto, kde sa začne používať hromada fontov.
Oddeľte viacero rodín písiem s čiarou v zásobníku písma
"Písmo zásobníka" je zoznam písiem, ktoré chcete používať vaša stránka. Dali by ste svoje voľby písma v poradí podľa vašich preferencií a oddelili ich čiarkou. Ak prehliadač nemá v zozname prvú rodinu písiem, pokúsi sa o druhú, potom tretiu a tak ďalej, kým nenájde ten, ktorý má v systéme.
font-family: Pussycat, Alžírsky, Broadway;Vo vyššie uvedenom príklade bude prehliadač najskôr vyhľadávať písmo "Pussycat", potom "Alžírsky" a 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 vybratých typov písma. Nie je to dokonalé, čo je dôvod, prečo máme ešte viac, čo môžeme pridať do nášho fontu (čítajte ďalej!).
Použiť posledné generické písma
Takže môžete vytvoriť zásobník písiem so zoznamom písiem a stále nemáte žiadnu z nich, ktorú môže prehliadač nájsť. Zrejme nechcete, aby sa vaša stránka zobrazovala nečitateľne, ak prehliadač vykoná slabú možnosť výmeny. Našťastie má CSS riešenie aj pre toto: generické písma .
Vždy by ste mali ukončiť svoj zoznam písiem (aj keď je to zoznam jednej rodiny alebo iba písma zabezpečené webom) s generickým písmom. Existuje päť, ktoré môžete použiť:
- kurzívní
- fantázie
- neproporcionálne
- sans-serif
- serif
Tieto dva príklady možno zmeniť na:
font-family: Arial, sans-serif; font-family: Pussycat, Alžír, Broadway, fantasy;Niektoré názvy rodových rodín sú dve alebo viac slov
Ak je rodina písma, ktorú chcete používať, viac ako jedno slovo, mali by ste ju obklopiť dvojitými ukážkami. Zatiaľ čo niektoré prehliadače dokážu čítať rodiny písmen bez úvodzoviek, môžu sa vyskytnúť problémy, ak sa medzery skresľujú alebo ignorujú.
font-family: "Times New Roman", serif;V tomto príklade môžete vidieť, že názov písma "Times New Roman", ktorý je viacero slov, je zapracovaný do úvodzoviek. Toto informuje prehliadač, že všetky tri z týchto slov sú súčasťou tohto názvu písma, na rozdiel od troch rôznych písiem všetkých s jedným slovom.
Originálny článok od Jennifer Krynin. Upravený dňa 12/2/16 od Jeremy Girard