Время на прочтение
3 мин
Количество просмотров 313K
Введение
В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем 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
Прим. переводчика: статью пришлось немного переделать, т.к. Хабр не разрешает добавлять собственные стили к тексту
Каждый дизайнер постоянно использует в своей работе различные шрифты для отображения текстовой информации. Обычно, при выборе шрифта ему приходится принимать во внимание не только привлекательность или читабельность гарнитуры, но и множество технических параметров.
Например, большинство типографий не примут документ, сверстанный с использованием системных шрифтов. Это связано с тем, что стандартные шрифты могут несколько отличаться в разных версиях 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.
Почти безопасные шрифты: Comic Sans MS, Tahoma, Trebuchet MS, Verdana.
Официальные списки шрифтов, поставляемых с разными версиями Windows:
- Windows 95
- Windows 98
- Windows NT Workstation 4.0
- Windows 2000
- Windows XP
Из «Справочника Дизайнера» © 2006 BaDeVlad
Браузер посетителя может отобразить только те шрифты, которые установлены в его операционной системе.
На этой странице приведен список русифицированных шрифтов, включённых в каждую версию Windows. Такие шрифты называют безопасными шрифтами для браузеров.
Образцы русифицированных шрифтов
Распространенные
|
|
Вид на странице | Название шрифта |
Шрифт | — Arial |
Шрифт | — Arial Cyr |
Шрифт | — Arial Black |
Шрифт | — Book antiqua |
Шрифт | — Bookman old style |
Шрифт | — Calibri |
Шрифт | — Cambria |
Шрифт | — Candara |
Шрифт | — Century |
Шрифт | — Century gothic |
Шрифт | — Comic Sans Ms |
Шрифт | — Consolas |
Шрифт | — Constantia |
Шрифт | — Corbel |
Шрифт | — Courier |
Шрифт | — Courier New |
Шрифт | — Courier, monospace |
Шрифт | — Cursive |
Шрифт | — Franklin Gothic |
Шрифт | — Gabriola |
Шрифт | — Garamond |
Шрифт | — Georgia |
Шрифт | — Helvetica |
Шрифт | — Impact |
Шрифт | — Lucida console |
Шрифт | — Lucida Sans Unicode |
Шрифт | — Mistral (Mistral) |
Шрифт | — monospace |
Шрифт | — Monotype Corsiva |
Шрифт | — MS Sans Serif |
Шрифт | — MS Serif |
Шрифт | — Palatino Linotype |
Шрифт | — Sans-serif |
Шрифт | — Segoe print |
Шрифт | — Segoe script |
Шрифт | — Sylfaen |
Шрифт | — Tahoma |
Шрифт | — Times New Roman |
Шрифт | — Trebuchet ms |
Шрифт | — Verdana |
Примеры русифицированных шрифтов
- Семейство шрифтов. CSS
- CSS для шрифта (Жирность шрифта)
- Размер шрифта (Единицы измерения)
Содержание
- DOCKER
- Anime Ace
- Good Vibes Pro
- Denistina
- NeSkid
- Gecko
- Acadian
- Shlapak Script
- Gunny rewritten
- Znikomitno
Офисное приложение MS Word работает с обычными шрифтами системы Windows по аналогии с другими приложениями. Устанавливали шрифт для Photoshop или вегаса – ворд подхватит их и ими можно будет оформить текст. Но, несмотря на стандарты оформления различных документов, проектов и использования обычных и всем известных шрифтов, типа Times, Verdana, Arial и пр., часто можно увидеть тексты, которые были набраны совсем иными шрифтами, с иным начертанием, стилем и т.д.
Мы подобрали для вас несколько вариантов необычных шрифтов для ворда, рукописных и жирных, строгих и декоративных. Разных, но новых и не совсем стандартных. Тем не менее, все они легко читаются, понятны визуально и их можно использовать для разных проектов, не только в word.
О том, как воспользоваться новыми шрифтами в Photoshop или ином приложении и как их правильно установить, можно ознакомиться в нашей Инструкции “Как установить шрифт в Photoshop”.
DOCKER
Формат: .ttf
Количество: 3
Размер файла: 78 КБ
Скачать
Anime Ace
Формат: .ttf, .otf
Количество: 5
Размер файла: 119 КБ
Скачать
Good Vibes Pro
Формат: .ttf
Количество: 1
Размер файла: 112 КБ
Скачать
Denistina
Формат: .ttf
Количество: 1
Размер файла: 37 КБ
Скачать
NeSkid
Формат: .ttf
Количество: 1
Размер файла: 11 КБ
Скачать
Gecko
Формат: .ttf
Количество: 1
Размер файла: 111 КБ
Скачать
Acadian
Формат: .ttf
Количество: 1
Размер файла: 51 КБ
Скачать
Shlapak Script
Формат: .otf
Количество: 1
Размер файла: 22 КБ
Скачать
Gunny rewritten
Формат: .ttf
Количество: 1
Размер файла: 39 КБ
Скачать
Znikomitno
Формат: .otf
Количество: 1
Размер файла: 230 КБ
Скачать