Время на прочтение3 мин
Количество просмотров356K
Введение
В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем Windows (фактически начиная с Windows 98), и их эквиваленты в Mac OS. Такие шрифты иногда называют «безопасными шрифтами для браузеров» (browser safe fonts). Это небольшой справочник, которым я пользуюсь, когда делаю Web-страницы и думаю, что он будет полезен и Вам.
Если Вы новичок в web-дизайне, то может быть думаете что-нибудь типа: «Почему это я должен ограничиваться таким небольшим набором шрифтов? У меня есть огромная коллекция прекрасных шрифтов!» Дело в том, что браузер посетителя может отобразить только те шрифты, которые установлены в его операционной системе (прим. переводчика: в настоящее время уже есть возможность применять фактически любые шрифты при оформлении страниц используя CSS 3 и его новое свойство @font-face; правда, поддерживают эту функцию пока ещё далеко не все браузеры), а это означает, что каждый посетитель Вашей страницы должен быть обладателем выбранных Вами шрифтов. Поэтому Вы должны использовать только те шрифты, которые есть в каждой операционной системе. К счастью, в CSS есть свойство @font-family, облегчающее эту задачу.
Также Вам может быть интересен список шрифтов, включённых в каждую версию Windows.
Список
| Значение @font-family | Windows | Mac | Семейство |
|---|---|---|---|
| Arial, Helvetica, sans-serif | Arial | Arial, Helvetica | sans-serif |
| «Arial Black», Gadget, sans-serif | Arial Black | Arial Black, Gadget | sans-serif |
| «Comic Sans MS», cursive | Comic Sans MS | Comic Sans MS5 | cursive |
| «Courier New», Courier, monospace | Courier New | Courier New, Courier6 | monospace |
| Georgia, serif | Georgia1 | Georgia | serif |
| Impact,Charcoal, sans-serif | Impact | Impact5, Charcoal6 | sans-serif |
| «Lucida Console», Monaco, monospace | Lucida Console | Monaco5 | monospace |
| «Lucida Sans Unicode», «Lucida Grande», sans-serif | Lucida Sans Unicode | Lucida Grande | sans-serif |
| «Palatino Linotype», «Book Antiqua», Palatino, serif | Palatino Linotype, Book Antiqua3 | Palatino6 | serif |
| Tahoma, Geneva, sans-serif | Tahoma | Geneva | sans-serif |
| «Times New Roman», Times, serif | Times New Roman | Times | serif |
| «Trebuchet MS», Helvetica, sans-serif | Trebuchet MS1 | Helvetica | sans-serif |
| Verdana, Geneva, sans-serif | Verdana | Verdana, Geneva | sans-serif |
| Symbol | Symbol2 | Symbol2 | — |
| Webdings | Webdings2 | Webdings2 | — |
| Wingdings, «Zapf Dingbats» | Wingdings2 | Zapf Dingbats2 | — |
| «MS Sans Serif», Geneva, sans-serif | MS Sans Serif4 | Geneva | sans-serif |
| «MS Serif», «New York», serif | MS Serif4 | New York6 | serif |
1 Шрифты Georgia и Trebuchet MS поставляются вместе с Windows 2000/XP и включены в пакет шрифтов IE (да и вообще поставляются со многими приложениями от Microsoft), поэтому они установлены на многих компьютерах с ОС Windows 98.
2 Символьные шрифты отображаются только в Internet Explorer, в остальных браузерах они обычно заменяются на стандартный шрифт (хотя, например, шрифт Symbol отображается в Opera, а Webdings — в Safari).
3 Шрифт Book Antiqua практически идентичен Palatino Linotype; Palatino Linotype поставляется с Windows 2000/XP, а Book Antiqua — с Windows 98.
4 Обратите внимание, что эти шрифты не TrueType, а bitmap, поэтому они могут плохо выглядеть с некоторыми размерами (они предназначены для отображения в размерах 8, 10, 12, 14, 18 и 24 pt при 96 DPI).
5 Эти шрифты работают в Safari только в стандартном начертании, но не работают при выделении жирным или курсивом. Comic Sans MS также работает жирным, но не курсивом. Другие Mac-браузеры, кажется, нормально эмулируют отсутствующие у шрифтов свойства самостоятельно (спасибо Christian Fecteau за подсказку).
6 Эти шрифты установливаются в Mac только при Classic-инсталляции
Скриншоты
- Mac OS X 10.4.8, Firefox 2.0, ClearType включён (за скриншот спасибо Juris Vecvanags)
- Mac OS X 10.4.4, Firefox 1.5, ClearType включён (за скриншот спасибо Eric Zavesky)
- Mac OS X 10.4.11, Safari 3.0.4, ClearType включён (за скриншот спасибо Nolan Gladius)
- Mac OS X 10.4.4, Safari 2.0.3, ClearType включён (за скриншот спасибо Eric Zavesky)
- Windows Vista, Internet Explorer 7, ClearType включён (за скриншот спасибо Michiel Bijl)
- Windows Vista, Firefox 2.0, ClearType включён (за скриншот спасибо Michiel Bijl)
- 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 (за скриншот спасибо Juris Vecvanags)
Несколько примеров из скриншотов (по одному на каждую операционную систему)
Mac OS X 10.4.8, Firefox 2.0, ClearType включён
Windows Vista, Internet Explorer 7, ClearType включён
Windows XP, Internet Explorer 6, ClearType включён
Windows 2000, Internet Explorer 6, Сглажмвание шрифтов включёно
Linux (Ubuntu 7.04 + Gnome), Firefox 2.0
Прим. переводчика: статью пришлось немного переделать, т.к. Хабр не разрешает добавлять собственные стили к тексту 
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 MS5, cursive
Comic Sans MS, Comic Sans MS5, cursive
Courier New, Courier New, monospace
Courier New, Courier New, monospace
Georgia1, Georgia, serif
Georgia1, Georgia, serif
Impact, Impact5, Charcoal6, sans-serif
Impact, Impact5, Charcoal6, sans-serif
Lucida Console, Monaco5, monospace
Lucida Console, Monaco5, monospace
Lucida Sans Unicode, Lucida Grande, sans-serif
Lucida Sans Unicode, Lucida Grande, sans-serif
Palatino Linotype, Book Antiqua3, Palatino, serif
Palatino Linotype, Book Antiqua3, Palatino, serif
Tahoma, Geneva, sans-serif
Tahoma, Geneva, sans-serif
Times New Roman, Times New Roman, Times, serif
Times New Roman, Times New Roman, Times, serif
Trebuchet MS1, Trebuchet MS, sans-serif
Trebuchet MS1, Trebuchet MS, 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 York6, serif
MS Serif4, New York6, serif
Кликните по названию ОС в заголовке, чтобы увидеть список стандартных шрифтов, поставляемых с этой версией Windows.
Рекомендуемые шрифты подсвечены жёлтым.
| Название шрифта | Win2000 | WinXP | Vista | Win7 |
|---|---|---|---|---|
| Arial | x | x | x | x |
| Arial Black | x | x | x | x |
| Book Antiqua | x | x | ||
| Calibri | x | x | ||
| Cambria | x | x | ||
| Candara | x | x | ||
| Comic Sans MS | x | x | x | x |
| Consolas | x | x | ||
| Constantia | x | x | ||
| Corbel | x | x | ||
| Courier | x | x | x | x |
| Courier New | x | x | x | x |
| Estrangelo Edessa | x | x | x | |
| Franklin Gothic Medium | x | x | x | |
| Gautami | x | x | x | |
| Gabriola | x | |||
| Georgia | x | x | x | |
| Georgia Italic Impact | x | |||
| Impact | x | x | x | x |
| Latha | x | x | x | |
| Lucida Console | x | x | x | x |
| Lucida Sans Console | x | x | x | |
| Lucida Sans Unicode | x | x | x | x |
| Marlett | x | x | x | x |
| Modern | x | x | x | x |
| Modern MS Sans Serif | x | |||
| MS Sans Serif | x | x | x | x |
| MS Serif | x | x | x | x |
| MV Boli | x | x | x | |
| Nyala | x | x | ||
| Palatino Linotype | x | x | x | x |
| Roman | x | x | x | x |
| Script | x | x | x | x |
| Segoe Print | x | x | ||
| Segoe Script | x | x | ||
| Segoe UI | x | x | ||
| Small Fonts | x | x | x | |
| Symbol | x | x | x | x |
| Tahoma | x | x | x | x |
| Tempus Sans ITC | x | |||
| Times New Roman | x | x | x | x |
| Trebuchet | x | x | x | x |
| Tunga | x | x | x | |
| Verdana | x | x | x | x |
| Webdings | x | x | x | x |
| Westminster | x | |||
| Wingdings | x | x | x | x |
| WST_Czech | x | |||
| WST_Engl | x | |||
| WST_Fren | x | |||
| WST_Germ | x | |||
| WST_Ital | x | |||
| WST_Span | x | |||
| WST_Swed | x |
Provide feedback
Saved searches
Use saved searches to filter your results more quickly
Sign up
Appearance settings
Задались вопросом какой шрифт использовать на сайте да так, чтобы отображался, во всех всех версиях, браузеров и ОС Windows, одинакового, для этого надо всего лишь знать, какие системные шрифты в каких ОС идут в комплекте с ней что бы на 100% быть уверенно что стандартные шрифты отобразятся правильно на сайте. Для удобного подбора шрифтов ниже привожу таблицу, для наглядности присутствия того или иного шрифта в семействе MS Windows.
Список стандартных шрифтов, которые установлены с этой версией Windows. Рекомендованные шрифты к применению выделены желтым цветом, то есть имеются во всех версиях.
| Название шрифта | Win 2000 | Win XP | Vista | Win 7 | Win 8 |
| Arial | x | x | x | x | x |
| Arial Black | x | x | x | x | x |
| Book Antiqua | x | ||||
| Calibri | x | x | x | ||
| Cambria | x | x | x | ||
| Candara | x | x | x | ||
| Comic Sans MS | x | x | x | x | x |
| Consolas | x | x | x | ||
| Constantia | x | x | x | ||
| Corbel | x | x | x | ||
| Courier | x | x | x | x | x |
| Courier New | x | x | x | x | x |
| Estrangelo Edessa | x | x | x | x | |
| Franklin Gothic Medium | x | x | x | x | |
| Gautami | x | x | x | x | |
| Gabriola | x | x | |||
| Georgia | x | x | x | x | x |
| Georgia Italic Impact | x | ||||
| Impact | x | x | x | x | x |
| Latha | x | x | x | x | |
| Lucida Console | x | x | x | x | x |
| Lucida Sans Console | x | x | x | x | |
| Lucida Sans Unicode | x | x | x | x | x |
| Marlett | x | x | x | x | x |
| Modern | x | x | |||
| Modern MS Sans Serif | x | ||||
| MS Sans Serif | x | x | x | x | x |
| MS Serif | x | x | x | x | x |
| MV Boli | x | x | x | x | |
| Nyala | x | x | x | ||
| Palatino Linotype | x | x | x | x | x |
| Roman | x | x | x | x | x |
| Script | x | x | x | x | x |
| Segoe Print | x | x | x | ||
| Segoe Script | x | x | x | ||
| Segoe UI | x | x | x | ||
| Small Fonts | x | x | |||
| Symbol | x | x | x | x | x |
| Tahoma | x | x | x | x | x |
| Tempus Sans ITC | x | ||||
| Times New Roman | x | x | x | x | x |
| Trebuchet MS | x | x | x | x | x |
| Tunga | x | x | x | x | |
| Verdana | x | x | x | x | x |
| Webdings | x | x | x | x | x |
| Westminster | x | ||||
| Wingdings | x | x | x | x | x |
А купить пластиковые окна в москве дешево можно в компании «Окна ФОРБИС». Высокое качество за небольшие деньги
Добавить в:
Шрифты Дизайнер (designer)