Použijte tyto spolehlivé písma HTML na webových stránkách
Hledání dobrého zásobníku písma, který vyjadřuje jak styl vašich webových stránek, tak i spolehlivost na většině webových stránek, může být obtížné. Pokud používáte písma, která nejsou bezpečná pro web, nemusí vaše webové stránky vypadat, jak to zamýšlíte, když prohlížeč nahradí něco překvapivého pro vaše fantazijní písmo.
Tyto fonty jsou odděleny podle rodiny (serif, monospace atd.). Pokud používáte písmo, které není webově bezpečné písmo, měli byste ho nejprve umístit do zásobníku písem a potom přidat jeden z těchto zásobníků na konec.
Vyberte zásobník písem, který je nejblíže ve stylu, a podívejte se na své oblíbené písmo.
Sans Serif Web Bezpečné fonty
Text bez písma je vhodný pro čtení na webových stránkách, protože na obrazovce nejsou žádné patky, které by se rozmazaly.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: Impact, dřevěné uhlí, sans-serif;
font-family: "MS Sans Serif", Ženeva, sans-serif;
font-family: Tahoma, Ženeva, sans-serif;
rodina písma: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Ženeva, sans-serif;
Serif Web Bezpečné fonty
Serif fonty jsou skvělé pro titulky. Větší typ titulků znamená, že se serify na monitorech nezmazávají.
font-family: "Kniha Antiqua", "Palatino Linotype", Palatino, serif;
font-family: Bookman, serif;
font-family: Gruzie, serif;
rodina písma: "MS Serif", "New York", serif;
font-family: "Times New Roman", Times, serif;
Monospace fonty
Monospace písma se obvykle používají k vykreslení kódu a jiného typu, který vypadá nejlépe v písmu, kde jsou všechny znaky stejné šířky - jako písma psacího stroje.
font-family: Courier, monospace;
font-family: "Courier New", Courier, monospace;
font-family: "Lucida konzole", Monako, monospace;
Zobrazte příklady zásobníku písma typu monospace.
Kurzivní fonty
Kurzivní písma mohou být obtížně čitelná a nejčastěji najitá na většině systémů (Comic Sans) se nelíbí tolik lidí, kolik jim to líbí.
font-family: 'Comic Sans MS', kurzívní;
Fantasy Font Stacks
Stejně jako kurzívná písma, fantasy fonty mohou být těžko čitelné a jsou ve většině systémů ještě méně běžné. Ve skutečnosti si možná všimnete, že používám stejný zásobník písma jako ten, který jsem použil výše v kategorii bez patky, protože náraz a dřevěné uhlí jsou natolik výrazné, že je někteří považují za fantasy fonty.
font-family: Impact, dřevěné uhlí, fantasy;
Dingbats, Wingdings nebo Symbol Font Stacks
Dingbats nebo wingdings jsou symbolová písma, která zobrazují malé ikony nebo obrázky namísto písmen. Není zde žádný typ písma, takže některé počítače mohou zobrazovat velmi odlišná písma, než očekáváte. Navíc zobrazí pouze symboly Internet Explorer . Firefox a další prohlížeče prostě zobrazují text ve výchozím nastavení prohlížeče.
font-family: Symbol;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';