Web Safe Font Stacks

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

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

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

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

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

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

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

 font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif; 
font-family: Bookman, serif;
font-family: Грузия, serif;
шрифт семья: «MS Serif», «Нью-Йорк», Serif;
семья шрифтов: «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; 

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

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

 font-family: Symbol; 
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';

Оцените статью
Solutics.ru
Добавить комментарий