Способы шрифтового оформления контента web-страницы

Основные шрифты для всех версий Windows и их эквиваленты в Mac OS

Введение

В конце этой статьи представлена таблица со списком стандартного набора основных шрифтов во всех версиях Windows и их аналоги в Mac OS, обычно их называют ” безопасные для браузера шрифты “. Это – справочная информация, которую можно и нужно использовать для создания веб-страниц.

Если Вы плохо знакомы с web-дизайном, возможно, Вы думаете: “Почему я должен ограничиться таким маленьким набором шрифтов? У меня есть большая коллекция хороших шрифтов в моем компьютере”. Это хорошо, но опытные дизайнеры Web-страниц знают, что браузеры могут использовать только те шрифты, которые установлены на компьютер клиента, таким образом, получается, что у каждого посетителя Вашей web-страницы должны быть все шрифты, которые Вы хотите использовать. Конечно, у разных людей будут разные наборы шрифтов, отсюда и вытекает потребность стандартного набора шрифтов. К счастью, CSS позволяет использовать разные семейства шрифтов и их стили, что немного облегчает задачу дизайнера.

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

Список

Вначале, несколько вводных примечаний:

1. Названия, выделенные серым, являются семейством каждого шрифта.
2. В некоторых случаях эквивалентные в Mac шрифты являются теми же самыми что и в Windows, начиная с Mac OS X, в систему включены некоторые шрифты, используемые по умолчанию Windows.
3. Примечания после таблицы содержат специфическую информацию о шрифтах.

Так обозначены шрифты для: Windows fonts / Mac fonts / Font family 
Normal style Bold style
Arial, Arial, Helvetica, sans-serif Arial, Arial, Helvetica, sans-serif
Arial Black, Arial Black, Gadget, sans-serif Arial Black, Arial Black, Gadget, sans-serif
Comic Sans MS, Comic Sans MS5cursive Comic Sans MS, Comic Sans MS5cursive
Courier New, Courier New, Courier6monospace Courier New, Courier New, Courier6monospace
Georgia1, Georgia, serif Georgia1, Georgia, serif
Impact, Impact5, Charcoal6sans-serif Impact, Impact5, Charcoal6sans-serif
Lucida Console, Monaco5monospace Lucida Console, Monaco5monospace
Lucida Sans Unicode, Lucida Grande, sans-serif Lucida Sans Unicode, Lucida Grande, sans-serif
Palatino Linotype, Book Antiqua3, Palatino6serif Palatino Linotype, Book Antiqua3, Palatino6serif
Tahoma, Geneva, sans-serif Tahoma, Geneva, sans-serif
Times New Roman, Times, serif Times New Roman, Times, serif
Trebuchet MS1, Helvetica, sans-serif Trebuchet MS1, Helvetica, sans-serif
Verdana, Verdana, Geneva, sans-serif Verdana, Verdana, Geneva, sans-serif
Symbol, Symbol (Symbol2, Symbol2) Symbol, Symbol (Symbol2, Symbol2)
Webdings, Webdings (Webdings2, Webdings2) Webdings, Webdings (Webdings2, Webdings2)
Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2) Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2)
MS Sans Serif4, Geneva, sans-serif MS Sans Serif4, Geneva, sans-serif
MS Serif4, New York6serif MS Serif4, New York6serif

1. Georgia и Trebuchet MS включены в Windows 2000/XP, и они также включены в пакет шрифтов IE (и связаны с другими MS приложениями), таким образом они весьма распространены в системах Windows начиная с 98.

2. Символические шрифты отображаются только в Internet Explorer, в других шрифт заменяется на агентский (хотя шрифт Symbol работает в Опере, а Webdings в Сафари).

3. Book Antiqua почти тот же самый шрифт, что и Palatino Linotype, Palatino Linotype включен в Windows 2000/XP, в то время как Book Antiqua входил в Windows 98.

4. Эти шрифты не TrueType, но все-таки растровые, таким образом они будут не корректно отображаться, при использовании некоторых размеров шрифта («привычным» размером для них считается 8, 10, 12, 14, 18 и 24 пункта в разрешении 96 ТОЧЕК НА ДЮЙМ).

5. Эти шрифты работают в Сафари, но только, когда используется нормальный стиль шрифта, а не полужирный или курсив. Comic Sans MS работает в полужирном, но не в курсиве. Другие браузеры Mac, могут эмулировать стили не назначенные шрифтам.

6. Эти шрифты присутствуют в Mac OS X, только если установлен Classic.

Как будут выглядеть шрифты в различных системах и браузерах

* Mac OS X 10.4.8, Firefox 2.0, ClearType включен

Mac OS X 10.4.4, Firefox 1.5, ClearType включен

Mac OS X 10.4.4, Safari 2.0.3, ClearType включен

* Windows Vista, Internet Explorer 7, ClearType включен

Windows Vista, Firefox 2.0, ClearType включен

* Windows XP, Internet Explorer 6, ClearType включен

* Windows XP, Firefox 1.0.7, ClearType включен

Windows XP, Internet Explorer 6, включено обычное сглаживание

* Windows XP, Firefox 1.0.7, включено обычное сглаживание

* Windows 2000, Internet Explorer 6, включено обычное сглаживание

Windows 2000, Firefox 1.0.7, включено обычное сглаживание

* Linux (Ubuntu 7.04 + Gnome), Firefox 2.0

Заметим, что в то время как ClearType сглаживание применяется всегда, основное сглаживание шрифтов Windows 98/2000/XP применяется только для определенных размеров шрифтов. Этот размер может быть оговорен дизайнером шрифта, но, как правило, он находится в радиусе 0-6 и 14 + точек (пт).

Спонсоры статьи:
Читать также:
Модули для оптимизации фронтенда сайта на Drupal
Оцените статью
Добавить комментарий