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

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

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

Стеки безопасных веб-шрифтов без засечек

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

семейство шрифтов: Arial, Helvetica, sans-serif;
семейство шрифтов: Arial Black, Gadget, без засечек;
семейство шрифтов: Impact, Charcoal, sans-serif;
семейство шрифтов: «MS Sans Serif», Женева, без засечек;
instagram viewer

семейство шрифтов: Тахома, Женева, без засечек;
семейство шрифтов: Trebuchet MS, Helvetica, без засечек;
семейство шрифтов: Verdana, Geneva, sans-serif;

Стеки веб-безопасных шрифтов с засечками

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

семейство шрифтов: Book Antiqua, Palatino Linotype, Palatino, serif;
семейство шрифтов: Bookman, serif;
семейство шрифтов: Georgia, serif;
семейство шрифтов: 'MS Serif', 'New York', serif;
семейство шрифтов: Times New Roman, Times, serif;

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

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

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

Наборы курсивных шрифтов

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

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

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

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

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

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

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

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