- Шрифты, общие для всех (актуальных) версий Windows, и их Mac-эквиваленты
- Введение
- Список
- Семейства шрифтов Serif, Sans serif и Monospace
- Шрифты с засечками — Семейство Serif
- Шрифты без засечек — Семейство Sans serif
- Моноширинные шрифты — Семейство Monospace
- Рукописные шрифты — Cursive
- Задание шрифта для веб-страниц
- Список стандартных шрифтов Windows
Шрифты, общие для всех (актуальных) версий Windows, и их Mac-эквиваленты
Введение
В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем Windows (фактически начиная с Windows 98), и их эквиваленты в Mac OS. Такие шрифты иногда называют «безопасными шрифтами для браузеров» (browser safe fonts). Это небольшой справочник, которым я пользуюсь, когда делаю Web-страницы и думаю, что он будет полезен и Вам.
Если Вы новичок в web-дизайне, то может быть думаете что-нибудь типа: «Почему это я должен ограничиваться таким небольшим набором шрифтов? У меня есть огромная коллекция прекрасных шрифтов!» Дело в том, что браузер посетителя может отобразить только те шрифты, которые установлены в его операционной системе (прим. переводчика: в настоящее время уже есть возможность применять фактически любые шрифты при оформлении страниц используя CSS 3 и его новое свойство @font-face; правда, поддерживают эту функцию пока ещё далеко не все браузеры), а это означает, что каждый посетитель Вашей страницы должен быть обладателем выбранных Вами шрифтов. Поэтому Вы должны использовать только те шрифты, которые есть в каждой операционной системе. К счастью, в CSS есть свойство @font-family, облегчающее эту задачу.
Список
Значение @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 MS 5 | cursive |
«Courier New», Courier, monospace | Courier New | Courier New, Courier 6 | monospace |
Georgia, serif | Georgia 1 | Georgia | serif |
Impact,Charcoal, sans-serif | Impact | Impact 5 , Charcoal 6 | sans-serif |
«Lucida Console», Monaco, monospace | Lucida Console | Monaco 5 | monospace |
«Lucida Sans Unicode», «Lucida Grande», sans-serif | Lucida Sans Unicode | Lucida Grande | sans-serif |
«Palatino Linotype», «Book Antiqua», Palatino, serif | Palatino Linotype, Book Antiqua 3 | Palatino 6 | 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 MS 1 | Helvetica | sans-serif |
Verdana, Geneva, sans-serif | Verdana | Verdana, Geneva | sans-serif |
Symbol | Symbol 2 | Symbol 2 | — |
Webdings | Webdings 2 | Webdings 2 | — |
Wingdings, «Zapf Dingbats» | Wingdings 2 | Zapf Dingbats 2 | — |
«MS Sans Serif», Geneva, sans-serif | MS Sans Serif 4 | Geneva | sans-serif |
«MS Serif», «New York», serif | MS Serif 4 | New York 6 | 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-инсталляции
Семейства шрифтов Serif, Sans serif и Monospace
Простым пользователям персонального компьютера должно быть известны такие шрифты как Times New Roman , Arial , Courier New . Это одни из самых распространенных шрифтов. Они часто используются при оформлении документов, например, в офисных программах от Microsoft — это Word , Exel и другие.
Веб-разработчикам при оформлении веб-страниц также приходится постоянно работать с различными шрифтами: например, в программе Adobe Photoshop или же в html-редакторе Dreamweaver.
Кроме упомянутых выше, существуют и другие виды шрифтов, их множество. Схожие по своим параметрам шрифты группируются и образуют так называемые семейства.
Основными семействами шрифтов являются: Serif, Sans serif, Monospace и Cursive. Рассмотрим подробнее каждое из них.
Шрифты с засечками — Семейство Serif
Шрифты семейства Serif иначе называют шрифтами с засечками. Для них характерны маленькие черточки по краям букв.
Шрифты семейства Serif являются пропорциональными шрифтами , то есть это шрифты, у которых символы не одинаковы по ширине – она меняется в зависимости от буквы. На иллюстрации вы можете это видеть.
Такие шрифты используются в основном при типографской печати текста (в книгах, распечатках и т.д.), так как они удобны для чтения.
К шрифтам с засечками семейства Serif относятся следующие: Times New Roman , Times , Garamond , Georgia и другие.
Шрифты без засечек — Семейство Sans serif
Шрифты семейства Sans serif это пропорциональные шрифты Serif , но без засечек. Буквы этих шрифтов состоят просто из линий. Они также хорошо читаемы, удобны для нанесения маркировок и этикеток. Применяются в сети Интернет, в рекламе и заголовках для привлечения внимания.
К шрифтам без засечек семейства Sans serif относятся следующие шрифты: Arial , Verdana , Trebuchet и другие.
Моноширинные шрифты — Семейство Monospace
Моноширинные шрифты семейства Monospace это не пропорциональные шрифты, то есть у них все буквы имеют одинаковую ширину.
Первые моноширинные шрифты были разработаны для пишущих машинок, так как те могли сдвигать каретку только на одно и то же расстояние для любого напечатанного символа.
Многие редакторы исходного текста программ по умолчанию настроены на моноширинные шрифты семейства Monospace . Например, моноширинный шрифт Courier использует Блокнот .
К шрифтам семейства Monospace относятся все не пропорциональные шрифты : Courier , Courier New , Andele Mono и другие. При этом не важно, имеют они засечки или нет.
Рукописные шрифты — Cursive
Рукописные шрифты, иначе называемые шрифты Cursive – это попытка повторить на компьютере рукописный шрифт. Они практически не используются в текстовых или веб-редакторах.
У таких шрифтов много плавных, красивых элементов, буквы часто пишутся в прописном варианте.
Один из таких шрифтов Gabriola или Cocktail Italic .
Итак, Serif, Sans serif, Monospace и Cursive это основные семейства шрифтов. Существуют и другие шрифты, не относящиеся ни к одной из перечисленных групп. Некоторые из них можно как-то классифицировать по схожим признакам, другие нет. Но уделять им внимание, пожалуй, мы не будем.
Задание шрифта для веб-страниц
При оформлении веб-страниц удобно задавать шрифт следующим образом: для текста всей страницы или какого-либо отдельного элемента лучше всего указать через запятую названия нескольких шрифтов, принадлежащих к одному из семейств, а затем в самом конце название самого семейства.
Для оформления текста браузер воспользуется первым шрифтом из списка. Если такового не окажется, то он воспользуется вторым и т.д. Если ни один из указанных шрифтов не установлен на компьютере разработчика, то браузер воспользуется одним из шрифтов из указанного семейства.
Такой способ задания шрифта автоматически используется в html-редакторе Adobe Dreamweaver. Например, при работе со свойством font-family, редактор выводит окно, в котором предлагается выбрать один из перечней шрифтов с указанием их группы в конце списка.
: ‘Times New Roman’, Times, serif ; «> Шрифт Times New Roman семейства serif
: Georgia, ‘Times New Roman’, Times, serif ; «> Шрифт Georgia семейства serif
: Arial, Helvetica, sans-serif ; «> Шрифт Arial семейства sans-serif
: Verdana, Arial, Helvetica, sans-serif ; «> Шрифт Verdana семейства sans-serif
: Geneva, Arial, Helvetica, sans-serif ; «> Шрифт Geneva семейства sans-serif
: ‘Courier New’, Courier, monospace ; «> Шрифт Courier New семейства monospace
Шрифт Times New Roman семейства serif
Шрифт Georgia семейства serif
Шрифт Arial семейства sans-serif
Шрифт Verdana семейства sans-serif
Шрифт Geneva семейства sans-serif
Шрифт Courier New семейства monospace
Рассмотренные в этой статье шрифты и их семейства Serif , Sans serif , Monospace являются стандартными. Именно эти шрифты рекомендованы к использованию разработчикам сайтов, что обеспечит одинаковое отображение текста на страницах сайта во всех браузерах.
Список стандартных шрифтов 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.