Время на прочтение
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. Такие шрифты называют безопасными шрифтами для браузеров.
Образцы русифицированных шрифтов
Распространенные
|
|
Вид на странице | Название шрифта |
Шрифт | — 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 для шрифта (Жирность шрифта)
- Размер шрифта (Единицы измерения)
Стандартные шрифты
В этом разделе, собраны 19 шрифтов на тему «Стандартные шрифты»
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
Съешь ещё этих мягких французских булок, да выпей же чаю. 1234567890
- Remove From My Forums
Отображение кириллических шрифтов
-
Вопрос
-
Здравствуйте.
Есть word 2010 и 2013
В ворде 2013 (и в семействе офис 2013 в целом), при выделении текста и выборе шрифта из списка шрифтов — отображается название шрифта на англ языке в стиле шрифта и при поддержке кириллицы, справа отображается Ёё Жж Йй и т.д. — так очень легко
выбрать шрифт, который поддерживает кириллицу.В ворде 2010 отображается только название шрифта на английском языке, по этому выбрать шрифт поддерживаемый кириллицу уже труднее — методом тыка.
Вопрос:
1) как реализовать предпросмотр шрифтов на кириллице как это в офис 2013
2) есть ли официальный список стандартных (системных) шрифтов которые идут при первоначальной установке windows / office, которые поддерживают кириллицу?
Ответы
-
Дополнительно, Word 2010, Windows 7:
Выделите блок текста, разверните Шрифт и нажимая стрелку вниз, пролистайте имеющийся у Вас Шрифт, выделенный блок текста, будет Вам показывать как будет выглядеть текст под тем или иным шрифтом:
Не удивляйтесь, это действительно Word 2010, и у Шрифта при наличии, имеется русская транскрипция.
Да, я Жук, три пары лапок и фасеточные глаза :))
-
Помечено в качестве ответа
9 сентября 2017 г. 3:40
-
Изменено
ЖукMVP, Moderator
9 сентября 2017 г. 3:43
-
Помечено в качестве ответа
Классические русские шрифты
Классический шрифт широко востребован в оформлении деловых документов, где требуется точность и строгость. Шрифт имеет идеальное сочетание четких линий с декорирующими элементами, благодаря этому важная информация преподносится лаконично и стильно. На сайте oFont.ru можно скачать более 70 вариантов.