Список стандартных шрифтов Windows

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

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

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

Название шрифта	Win95	WinNT	Win98	Win2000	WinMe	WinXP
Abadi MT Condensed Light	°	°	+	°	°	°
Arial	+	+	+	+	+	+
Arial Alternative Regular	°	°	°	°	+	°
Arial Alternative Symbol	°	°	°	°	+	°
Arial Black	°	°	+	+	+	+
Arial Bold	+	+	+	+	+	+
Arial Bold Italic	+	+	+	+	+	+
Arial Italic	+	+	+	+	+	+
Book Antiqua	°	°	+	°	°	°
Calisto MT	+
Century Gothic	°	°	+	°	°	°
Century Gothic Bold	°	°	+	°	°	°
Century Gothic Bold Italic	°	°	+	°	°	°
Century Gothic Italic	°	°	+	°	°	°
Comic Sans MS	°	°	+	+	+	°
Comic Sans MS Bold	°	°	+	+	+	+
Copperplate Gothic Bold	°	°	+	°	°	°
Copperplate Gothic Light	°	°	+	°	°	°
Courier	+	+	+	+	+	+
Courier New	+	+	+	+	+	+
Courier New Bold	+	+	+	+	+	+
Courier New Bold Italic	+	+	+	+	+	+
Courier New Italic	+	+	+	+	+	+
Estrangelo Edessa	°	°	°	°	°	+
Franklin Gothic Medium	°	°	°	°	°	+
Franklin Gothic Medium Italic	°	°	°	°	+	°
Gautami	°	°	°	°	°	+
Georgia	°	°	°	+	°	+
Georgia Bold	°	°	°	+	°	+
Georgia Bold Italic	°	°	°	+	°	+
Georgia Italic	°	°	°	+	°	+
Georgia Italic Impact	°	°	°	°	°	+
Impact	°	°	+	+	+	°
Latha	°	°	°	°	°	+
Lucida Console	°	+	+	+	+	+
Lucida Handwriting Italic	°	°	+	°	°	°
Lucida Sans Italic	°	°	+	°	°	°
Lucida Sans Unicode	°	°	+	+	°	+
Marlett	°	°	+	°	+	°
Matisse ITC	°	°	+	°	°	°
Modern	+	+	+	+	°	°
Modern MS Sans Serif	°	°	°	°	°	+
MS Sans Serif	+	+	+	+	+	+
MS Serif	+	+	+	+	+	°
Mv Boli	°	°	°	°	°	+
News Gothic MT	°	°	+	°	°	°
News Gothic MT Bold	°	°	+	°	°	°
News Gothic MT Italic	°	°	+	°	°	°
OCR A E+tended	°	°	+	°	°	°
Palatino Linotype	°	°	°	+	°	+
Palatino Linotype Bold	°	°	°	+	°	+
Palatino Linotype Bold Italic	°	°	+	°	+	°
Palatino Linotype Italic	°	°	°	+	°	+
Roman	°	+	°	+	°	+
Script	°	+	°	+	°	+
Small Fonts	°	+	°	+	°	+
Smallfonts	+	°	+	°	+	°
Symbol	+	+	+	+	+	+
Tahoma	°	°	+	+	+	+
Tahoma Bold	°	°	+	+	+	+
Tempus Sans ITC	°	°	+	+	°	°
Times New Roman	+	+	+	+	+	+
Times New Roman Bold	+	+	+	+	+	+
Times New Roman Bold Italic	+	+	+	+	+	+
Times New Roman Italic	+	+	+	+	+	+
Trebuchet	°	°	°	°	+	°
Trebuchet Bold	°	°	°	°	+	°
Trebuchet Bold Italic	°	°	°	°	+	°
Trebuchet Italic	°	°	°	°	+	°
Trebuchet MS	°	°	°	+	°	+
Trebuchet MS Bold	°	°	°	+	°	+
Trebuchet MS Bold Italic	°	°	°	+	°	+
Trebuchet MS Italic	°	°	°	+	°	+
Tunga	°	°	°	°	°	+
Verdana	°	°	+	+	+	+
Verdana Bold	°	°	+	+	+	+
Verdana Bold Italic	°	°	+	+	+	+
Verdana Italic	°	°	+	+	+	+
Webdings	°	°	+	+	+	+
Westminster	°	°	+	°	+	+
Wingdings	+	+	°	+	°	+
WST_Czech	°	°	°	°	°	+
WST_Engl	°	°	°	°	°	+
WST_Fren	°	°	°	°	°	+
WST_Germ	°	°	°	°	°	+
WST_Ital	°	°	°	°	°	+
WST_Span	°	°	°	°	°	+
WST_Swedм	°	°	°	°	°	+

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

Существует несколько шрифтов, которые входят в поставку любой версии Windows. Эти шрифты являются самыми безопасными для веб-дизайна и создания электронных документов, которые должны отображаться одинаково на разных компьютерах.

Безопасные шрифты: Arial, Courier, Courier New, MS Sans Serif, MS Serif, Symbol, Times New Roman.

Существуют шрифты, которые не входят в поставку Windows ранних версий, однако почти обязательно присутствуют в системе (устанавливаются с дополнительным программным обеспечением, например, Microsoft Office). Безопасные шрифты: Arial, Courier, Courier New, MS Sans Serif, MS Serif, Symbol, Times New Roman.

Системные шрифты, подключение шрифтов к сайту

Шрифты — это неотъемлемая и очень важная часть дизайна сайта, подчеркивающая его индивидуальность. В статье пойдет речь о подключении стандартных шрифтов к веб странице, их еще называют системными, а в следующей статье подробно рассмотрим выбор и подключение шрифтов от Google Fonts к сайту WordPress.

Содержание статьи:

Системные, стандартные, безопасные шрифты

Любой браузер отображает только те шрифты, которые присутствуют в операционной системе компьютера. Поэтому их и называют системными и устанавливаются по умолчанию вместе с операционной системой.

А безопасными шрифтами их называют, потому что с большой вероятностью они отобразятся в браузере у большенства посетителей сайта.

Но вся проблема заключается в том, что в разных операционных системах устанавливаются разные наборы шрифтов. Посмотреть наборы поставляемых шрифтов вместе с операционной системой можно на официальных страницах Windows, Mac OS. А в Unix/Linux вообще нет стандартного набора.

Для того, чтобы интернет страничка отображалась в соответствии с задумкой дизайнера, в CSS установили свойство шрифтов, которое называется font-family

Свойство шрифтов font-family

Свойство font-family — семейства шрифтов, сгруппированные по определенным признакам.

Родовые семейства:

• serif — шрифты с засечками на концах;
• sans-serif — шрифты без засечек;
• cursive — шрифты курсивного начертания;
• fantasy — декоративные шрифты;
• monospace — моноширинный шрифт(с буквами одинаковой ширины).

Таким образом просто подбираются похожие шрифты из разных операционных систем и через запятую подключаются к интернет странице.

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

Просто проследите логику и все станет предельно ясно.

• OC Windows — Arial;
• OC Mac OS — Helvetica CY;
• OC Unix/Linux — Nimbus Sans L;
• Родовое семейство — sans-serif.

Так называемые безопасные шрифты

На основе OC Windows был составлен список из нескольких безопасных шрифтов.

1. Arial
2. Arial Black
3. Comic Sans MS
4. Courier New
5. Georgia
6. Impact
7. Times New Roman
8. Trebuchet MS
9. Verdana

Все эти шрифты установлены на Mac OS X, Windows, и у многих пользователей Unix/Linux, у которых установлен пакет Core fonts for the Web.

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

Таблица соответствия и принадлежности шрифтов к определенному семейству:

Windows	Mac OS	Unix/Linux	Родовое семейство
Arial Black	Helvetica CY	Nimbus Sans L	Sans-serif
Arial	Helvetica CY	Nimbus Sans L	Sans-serif
Comic Sans MS	Monaco CY	* (см. ниже)	cursive
Courier New	* (см. ниже)	Nimbus Mono L	Monospace
Georgia	* (см. ниже)	Century Schoolbook L	Serif
Impact	Charcoal CY	* (см. ниже)	Sans-serif
Times New Roman	Times CY	Nimbus Roman No9 L	Serif
Trebuchet MS	Helvetica CY	* (см. ниже)	Sans-serif
Verdana	Geneva CY	DejaVu Sans	Sans-serif

* При подключении шрифтов, можете смело опираться на нее. Таблица поддерживает кириллические символы, русский алфавит.
Саму таблицу я взял в этой статье .

Подключение системных шрифтов к сайту

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

Подключение шрифтов в CSS файле

Если нужно подключить основной шрифт для всего документа, нужно всего навсего в таблицу стилей добавить такой код:

Назначаем шрифт для заголовков H1, H2, H3, H4, H5, H6, (здесь аналогично, только устанавливаем значение жирности, для выделения заголовков):

Присваиваем шрифт только параграфам:

Что-бы присвоить шрифт только к определенному параграфу, или блоку, нужно сначала в HTML документе назначить класс этому блоку

А в таблице CSS прописать следующий код:

Теперь, каждому тегу — элементу html с классом .font (называйте как вам угодно), будет присвоен шрифт Arial, с нормальной (400), жирностью и размером 16 пикселей.
Аналогично можно присвоить разные шрифты к спискам li , таблицам table , к целым блокам div , к отдельным словам, или словосочетаниям.

Подключение шрифтов в HTML документе

Непосредственно в HTML документ шрифты подключаются аналогично CSS файлу, разница лишь в синтаксисе. Можно подключит шрифты в заголовке документа — между тегами (аналогично CSS файлу) , либо inline — присвоение свойств напрямую к html тегам.

Подключаем шрифты в заголовке, между тегами . Для этого в html документ добавьте такой код:

Здесь я повторяться не буду. Все аналогично подключению в CSS файле.

Подключение шрифтов inline, непосредственно к элементам сайта. Приведу несколько примеров:

Подключаем шрифт к параграфу

Выделяем жирным шрифтом отдельное слово и присваиваем отдельный от основного шрифт

Выделяем жирным шрифтом ссылку и присваиваем отдельный от основного шрифт

Аналогично назначаем шрифты любому html тегу.

Но все же лучше всего и рекомендовано присваивать стили элементам через файл CSS. Во-первых, в CSS нужно прописать стили один лишь раз и потом назначать в HTML лишь нужный класс. Во-вторых, прописывая стили inline создаются дубли контента. Эти свойства и классы, вроде как, индексируются поисковиками и слышал, что в W3C хотят вообще отменить inline. Хотя иногда так прописывать стили проще.

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

Лучший способ отблагодарить автора

Похожие по Тегам статьи

В данной статье идет речь о создании video background — фоновой видео заставки HTML 5 веб страницы

Публикую несколько примеров оформления текста в HTML. Выноски Callout нужны для заострения внимания читателя…

Мне не раз приходилось наблюдать такую картину, что в некоторых шаблонах WordPress не задан…