Поиск хорошего стека шрифтов, который передает как стиль вашего сайта, так и надежный на большинстве веб-сайтов, может быть сложным. Если вы используете небезопасные шрифты, то ваш сайт может выглядеть не так, как вы намереваетесь, когда браузер заменит что-то удивительное для вашего фантазийного шрифта.
Эти стеки шрифтов разделены семьей (засечками, моноширинами и т. Д.). Когда вы используете шрифт, который не является веб-безопасным шрифтом, вы должны поместить его сначала в стек шрифтов, а затем добавить один из этих стеков в конец. Выберите стек шрифтов, наиболее близкий по стилю, и посмотрите на предпочтительный шрифт.
Sans Serif Web Safe Font Stacks
Текст без засечек хорош для чтения на веб-страницах, потому что на экране нет засечек, чтобы размыться.
font-family: Arial, Helvetica, sans-serif;font-family: «Arial Black», Gadget, sans-serif;font-family: Impact, Charcoal, sans-serif;font-family: «MS Sans Serif», Женева, без засечек;font-family: Tahoma, Geneva, sans-serif;font-family: «Trebuchet MS», Helvetica, sans-serif;font-family: Verdana, Geneva, sans-serif; Сетевые стеки Serif Web Safe Шрифты Serif отлично подходят для заголовков. Заголовки большего размера означают, что засечки не будут размыты на мониторах. font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;font-family: Bookman, serif;font-family: Грузия, serif;font-family: «MS Serif», «New York», serif;font-family: «Times New Roman», Times, serif; Моноширинные шрифты обычно используются для визуализации кода и других типов стилей, которые лучше всего выглядят в шрифте, где все символы имеют одинаковые ширины, такие как шрифты пишущей машинки. font-family: Courier, monospace;font-family: «Courier New», Courier, monospace;font-family: «Lucida Console», Monaco, monospace; Просмотрите примеры стеков моноширинного шрифта. Курсорские шрифты могут быть трудночитаемыми, и наиболее часто встречающиеся в большинстве систем (Comic Sans) не нравятся столь же многим людям, как и ему. font-family: «Comic Sans MS», курсив; Фантастические стеки Как скорописные шрифты, фэнтезийные шрифты могут быть трудночитаемыми, а в большинстве систем они менее распространены. Фактически, вы можете заметить, что я использую тот же стек шрифта, что и тот, который я использовал выше, в категории без засечек, потому что воздействие и древесный уголь настолько отличительны, что некоторые люди считают их фэнтезийными шрифтами. font-family: Impact, Charcoal, fantasy; Dingbats, Wingdings или Symbol Font Stacks Дингбаты или крылышки - это символьные шрифты, на которых отображаются маленькие значки или картинки вместо букв. Для них нет общего типа шрифтов, поэтому некоторые компьютеры могут отображать очень разные шрифты, чем вы ожидаете. Кроме того, только Internet Explorer отобразит символы. Firefox и другие браузеры просто отображают текст в шрифте по умолчанию для браузера. font-family: Символ;font-family: Webdings;font-family: Wingdings, «Zapf Dingbats»; Моноширинные шрифты
Контекстные стеки шрифтов
