Použite tieto spoľahlivé písma HTML na svojich webových stránkach
Hľadanie dobrého zásobníka písma, ktorý vyjadruje štýl vášho webu, ale je spoľahlivý aj na väčšine webových stránok, môže byť zložitý. Ak používate písmo, ktoré nie je bezpečné pre webové stránky, vaše webové stránky nemusia vyzerať tak, ako to zamýšľate, keď prehliadač nahrádza niečo prekvapujúce pre vaše obľúbené písmo.
Tieto vrstvy fontov sú oddelené rodinou (serif, monospace atď.). Keď používate písmo, ktoré nie je bezpečné pre písmo, mali by ste ho vložiť ako prvý do zásobníka písma a potom pridať jeden z týchto stohov do konca.
Vyberte štýl písma, ktorý je najpohodlnejší v štýle a pozrite sa na preferované písmo.
Sans Serif Web bezpečné fonty stacks
Text bez pätky je vhodný na čítanie na webových stránkach, pretože na obrazovke nie sú žiadne pätky, ktoré by sa rozmazali.
font-family: Arial, Helvetica, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-family: Impact, uhlie, sans-serif;
font-family: "MS Sans Serif", Ženeva, sans-serif;
font-family: Tahoma, Ženeva, sans-serif;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-family: Verdana, Ženeva, sans-serif;
Serif Web bezpečných fontov
Serif písma fungujú skvelo pre titulky. Väčší typ titulkov znamená, že pätky sa na monitoroch nezmazajú.
font-family: "Kniha Antiqua", "Palatino Linotype", Palatino, serif;
font-family: Bookman, serif;
font-family: Gruzínsko, serif;
font-family: "MS Serif", "New York", serif;
font-family: "Times New Roman", Times, serif;
Monospace fonty
Monofónne písma sa zvyčajne používajú na vykresľovanie kódu a iného typu, ktorý najlepšie vyzerá v písme, kde všetky znaky majú rovnakú šírku - ako písma písacieho stroja.
font-family: Courier, monospace;
font-family: "Courier New", Courier, monospace;
font-family: "Lucida konzola", Monako, monospace;
Zobrazte príklady zásobníka písiem typu monospace.
Kurzívne fonty
Kurzívne písma môžu byť ťažko čitateľné a najčastejšie sa nájde na väčšine systémov (Comic Sans), ktoré nemajú radi toľko ľudí, koľko sa im páči.
font-family: 'Comic Sans MS', kurzíva;
Fantasy Font Stacks
Rovnako ako kurzívne písma, fantasy fonty môžu byť ťažko čitateľné a vo väčšine systémov sú ešte menej časté. V skutočnosti si možno všimnete, že používam ten istý font ako ten, ktorý som použil vyššie v kategórii bez pätky, pretože náraz a drevené uhlie sú také rozlišujúce, že niektorí ľudia ich považujú za fantazijné fonty.
font-family: Impact, drevené uhlie, fantasy;
Oblečenie, Wingdings alebo Symbol Font Stacks
Dingbats alebo wingdings sú písma symbolov, ktoré zobrazujú malé ikony alebo obrázky namiesto písmen. Neexistuje žiadny typ písma pre tieto, a preto niektoré počítače môžu zobrazovať veľmi odlišné fonty, ako očakávate. Okrem toho zobrazí iba symboly Internet Explorer . Firefox a ostatné prehliadače jednoducho zobrazujú text v predvolenom písme pre prehliadač.
font-family: Symbol;
písmo-rodina: Webdings;
font-family: Wingdings, 'Zapf Dingbats';