Используйте эти надежные HTML-шрифты на своих веб-страницах

Найти хороший набор шрифтов, который передает стиль вашего сайта, но также является надежным для большинства сайтов, может быть сложно. Если вы используете не веб-безопасные шрифты, то ваш веб-сайт может выглядеть не так, как вы предполагаете, когда браузер заменяет что-то удивительное на ваш причудливый шрифт.

Эти наборы шрифтов разделены семейством (с засечками, моноширией и т. Д.). Когда вы используете шрифт, который не является веб-безопасным шрифтом, вы должны сначала поместить его в стек шрифтов, а затем добавить один из этих стеков в конец. Выберите самый близкий по стилю шрифт и выберите нужный шрифт.

Sans Serif Web Безопасные стеки шрифтов

Текст без засечек хорошо подходит для чтения на веб-страницах, поскольку на экране нет засечек, которые можно размыть.

семейство шрифтов: Arial, Helvetica, без засечек;
семейство шрифтов: «Arial Black», гаджет, без засечек;
семейство шрифтов: Impact, уголь, без засечек;
семейство шрифтов: «MS Sans Serif», Женева, без засечек;
семейство шрифтов: Tahoma, Женева, без засечек;
семейство шрифтов: 'Trebuchet MS', Helvetica, без засечек;
семейство шрифтов: Verdana, Женева, без засечек; 

Веб-шрифты Serif Safe

Шрифты с засечками отлично подходят для заголовков. Более крупные типы заголовков означают, что засечки на мониторах не будут размытыми.

семейство шрифтов: «Книжная Антиква», «Палатино Линотип», Палатино, засечек;
Семейство шрифтов: Bookman, Serif;
семейство шрифтов: Грузия, с засечками;
семейство шрифтов: «MS Serif», «New York», Serif;
семейство шрифтов: «Times New Roman», «Times», с засечками;

Моноширинные Шрифтовые Стеки

Моноширинные шрифты обычно используются для визуализации кода и других стилей шрифтов, которые лучше всего выглядят в шрифте, где все символы имеют одинаковую ширину, как шрифты пишущей машинки.

семейство шрифтов: Courier, monospace;
семейство шрифтов: 'Courier New', Courier, monospace;
семейство шрифтов: «Lucida Console», Монако, моноширинный; 

Стеки курсивных шрифтов

Курсивные шрифты могут быть трудными для чтения, и наиболее часто встречающийся в большинстве систем (Comic Sans) не нравится такому количеству людей, как он.

семейство шрифтов: «Comic Sans MS», курсив; 

Фэнтезийные Стеки Шрифтов

Как и рукописные шрифты, фантазийные шрифты могут быть трудно читаемыми, и они даже менее распространены в большинстве систем. На самом деле, вы можете заметить, что я использую тот же стек шрифтов, который я использовал выше в категории без засечек, потому что удар и уголь настолько различимы, что некоторые люди считают их фантазийными шрифтами.

семейство шрифтов: Impact, Charcoal, fantasy; 

Дингбаты, Wingdings или стеки шрифтов символов

Дингбаты или крылья — это символьные шрифты, на которых вместо букв отображаются маленькие значки или картинки. Для них нет общего типа шрифта, поэтому на некоторых компьютерах шрифты могут отличаться от ожидаемых. Кроме того, только Internet Explorer будет отображать символы. Firefox и другие браузеры просто отображают текст шрифтом по умолчанию для браузера.

семейство шрифтов: Symbol;
семейство шрифтов: Webdings;
семейство шрифтов: Wingdings, 'Zapf Dingbats';