Содержание

Шрифты, общие для всех (актуальных) версий Windows, и их Mac-эквиваленты / Хабр

Введение

В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем 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

Прим. переводчика: статью пришлось немного переделать, т.к. Хабр не разрешает добавлять собственные стили к тексту 🙁

CSS: Стандартные (безопасные) шрифты

В интернете исторически сложилось такое понятие как «безопасные» Web-шрифты. Безопасным шрифтом можно назвать такой шрифт, который поддерживается операционной системой пользователя с очень высокой степенью вероятности. Поскольку о таком положении дел остаётся только мечтать, то абсолютно безопасных шрифтов не существует!

Основой для определения «безопасных» шрифтов послужили шрифты наиболее распространённой операционной системы — Windows, которые кроме того используются в других ОС:

Шрифты с засечками — serif

font-familyПример
Georgia, serif

Это заголовок

Это абзац

«Palatino Linotype», «Book Antiqua», Palatino, serif

Это заголовок

Это абзац

«Times New Roman», Times, serif

Это заголовок

Это абзац

Шрифты без засечек — Sans-Serif

font-familyПример
Arial, Helvetica, sans-serif

Это заголовок

Это абзац

«Arial Black», Gadget, sans-serif

Это заголовок

Это абзац

«Comic Sans MS», cursive, sans-serif

Это заголовок

Это абзац

Impact, Charcoal, sans-serif

Это заголовок

Это абзац

«Lucida Sans Unicode», «Lucida Grande», sans-serif

Это заголовок

Это абзац

Tahoma, Geneva, sans-serif

Это заголовок

Это абзац

«Trebuchet MS», Helvetica, sans-serif

Это заголовок

Это абзац

Verdana, Geneva, sans-serif

Это заголовок

Это абзац

Моноширинные шрифты — Monospace

font-familyПример
«Courier New», Courier, monospace

Это заголовок

Это абзац

«Lucida Console», Monaco, monospace

Это заголовок

Это абзац

С этой темой смотрят:

Стандартные шрифты Windows — Разработчик на Битрикс и Django

На веб‑страницах имеет смысл использовать только те шрифты, которые установлены на компьютерах пользователей. Вот перечень таких шрифтов.

ШрифтСемействоWindowsOfficeОбразец шрифта
(текст)
Arialsans‑serif3.1, 95, NТ 3.597Образец шрифта
Arial Blacksans‑serif95, 200097Образец шрифта
Arial Narrowsans‑serif4.3Образец шрифта
Arial Unicode MSsans‑serif2000Образец шрифта
Book Antiquaserif984.3Образец шрифта
Bookman Old Styleserif4.3Образец шрифта
Calibrisans‑serifVista2007Образец шрифта
CambriaserifVista2007Образец шрифта
Candarasans‑serifVista2007Образец шрифта
Centuryserif2000Образец шрифта
Century Gothicsans‑serif954.3Образец шрифта
Comic Sans MScursive95, 200097Образец шрифта
ConsolasmonospaceVista2007Образец шрифта
ConstantiaserifVista2007Образец шрифта
Corbelsans‑serifVista2007Образец шрифта
Courier Newmonospace3.1, 95, NT 3.597Образец шрифта
Franklin Gothic Mediumsans‑serifXP97Образец шрифта
Garamondserif97Образец шрифта
Georgiaserif95, 200097Образец шрифта
Impactsans‑serif95, 20004.3Образец шрифта
Lucida Consolemonospace95, NT 3.5Образец шрифта
Lucida Sans Unicodesans‑serif95, NT 3.5Образец шрифта
Microsoft Sans Serifsans‑serif2000Образец шрифта
Mistralcursive97Образец шрифта
Monotype Corsivacursive4.3Образец шрифта
Palatino Linotypeserif20002003Образец шрифта
Segoe PrintcursiveVista2007Образец шрифта
Segoe ScriptcursiveVista2007Образец шрифта
Segoe UIsans‑serifVista2007Образец шрифта
SylfaenserifXPОбразец шрифта
Tahomasans‑serif98, 200097Образец шрифта
Times New Romanserif3.1, 95, NT 3.597Образец шрифта
Trebuchet MSsans‑serif95, 200097Образец шрифта
Verdanasans‑serif95, 200097Образец шрифта

Встречаем: 15 лучших безопасных веб-шрифтов

Одной из главных задач веб-дизайна является подбор правильных стандартных шрифтов. Сервисы для внедрения шрифтов, такие как Google Web Fonts или Typekit, были созданы в качестве альтернативы с целью предоставить что-то новое.

Их очень просто использовать. Рассмотрим в качестве примера сервис Google Web Fonts.

Выбираете шрифт Open Sans, Droid Serif или Lato. Пишите код и вставляете его в элемент <head> HTML-документа. Все готово, чтобы ссылаться на него в CSS! Весь Процесс занял не более 60 секунд. Причем все совершенно бесплатно.

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

Такого не случится, если реализовать резервный вариант.

Насколько важно применение безопасных веб-шрифтов?

У каждого устройства есть собственный набор предустановленных шрифтов. Какой именно, зависит от операционной системы. Беда в том, что между ними есть небольшие различия.

А сайты? Например, этот? Шрифт, который видите вы, может быть вовсе не тем, который изначально прописан для сайта.

Что это значит? Допустим, что дизайнер выбрал для сайта какое-то семейство платных шрифтов. Если у вас они не установлены и не предоставляется специальным веб-сервисом, то шрифт, который вы видите, — один из стандартных вариантов. Например, Times New Roman.

Поэтому как на вашем экране текст может выглядеть просто ужасно.

А вот стандартные шрифты для сайта есть во всех операционных системах. Это небольшая коллекция, доступная в Windows, Mac, Google, а также Unix и Linux.

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

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

Взглянем на подборку самых популярных стандартных шрифтов HTML.

Считается стандартным в большинстве случаев. Самый распространенный из шрифтов «sans serif» или рубленых шрифтов (у которых нет засечек на кончиках букв). Его часто используют в Windows для замены других литер.

Helvetica — палочка-выручалочка для дизайнеров. Этот стандартный веб шрифт работает практически всегда (по крайней мере, в качестве подстраховки для других шрифтов).

Выполняет ту же роль для шрифтов с засечками, что и Arial для тех, что без засечек. Он является одним из самых популярных на Windows-устройствах. Это обновленная версия старого шрифта Times.

CSS стандартный шрифт Times знаком большинству. Многим он запомнился по маленьким буквам в узких колонках старых газет. Самый обычный, ставший традицией, вид печати.

Похож на Times New Roman и применяется в качестве разновидности старой классики. Он также считается моноширинным шрифтом. В отличие от шрифтов с засечками и без, все его знаки имеют одинаковую ширину.

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

Verdana может по праву считаться истинным веб-шрифтом (true web font) благодаря простым линиям, выступающим в роли засечек, а также большому размеру. Его буквы слегка вытянуты, поэтому легко читаются на экране.

Стандартный web шрифт Georgia формой и размером напоминает шрифт Verdana. Его знаки больше, чем у других шрифтов того же размера. Но лучше не применять его в паре с другими. Тот же Times New Roman, по сравнению с ним выглядит словно карлик.

Palatino относится к эпохе ренессанса. Никаких шуток. Это еще один крупный шрифт, который идеально подходит для интернета. Обычно он используется в заголовках и рекламе.

Еще один старинный шрифт, который появился еще в 16 веке в Париже. Его новая и улучшенная версия входит в комплект стандартных в большинстве Windows-устройств. Позже данный шрифт был взят на вооружение и другими операционными системами.

Bookman (или Bookman Old Style) — один из лучших стандартных шрифтов для заголовков. Его характерная черта — удобочитаемость даже при использовании маленького размера.

Comic Sans MS — забавная альтернатива для шрифтов с засечками.

Это шрифт средневековой тематики, изначально разработанный корпорацией Microsoft в середине девяностых годов. Он применялся в Windows XP. Сегодня с его помощью составляют основной текст.

Аналог стандартного шрифта для сайта Arial. Правда, он больше, толще и жестче. Своими пропорциями он похож на шрифт Helvetica. А это важно. Им можно успешно заменить Helvetica без необходимости покупать лицензию.

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

Стандартные шрифты — это запасной вариант на случай провала плана А. Десятилетиями они широко используются на большинстве устройств.

А если нет? Helvetica не подкачает!

Данная публикация представляет собой перевод статьи «15 Best Web Safe Fonts» , подготовленной дружной командой проекта Интернет-технологии.ру

телеграм канал. Подпишись, будет полезно!

Список стандартных шрифтов Windows

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

Например, большинство типографий не примут документ, сверстанный с использованием системных шрифтов. Это связано с тем, что стандартные шрифты могут несколько отличаться в разных версиях Windows.

А вот при разработке веб-страницы, напротив, следует выбирать шрифт из набора стандартных. Ниже приведена таблица присутствия базовых шрифтов в стандартной поставке разных версий Windows.

Название шрифтаWin95WinNTWin98Win2000WinMeWinXP
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:

Из «Справочника Дизайнера» © 2006 BaDeVlad

Стандартные шрифты

У многих пользователей возникает необходимость восстановить стандартные шрифты для Windows. Для этого вы можете воспользоваться нашей ссылкой, скачать архив со шрифтами, и установить их на свой компьютер. Об установке шрифтов читайте в статье как установить шрифт.

Краткая инструкция:

  1. Скачайте шрифты по ссылке
  2. Скачайте ключ реестра (если файл не начнет качаться, кликните правой кнопкой по черному экрану и нажмите «сохранить как»).
  3. Разархивируйте архив со шрифтами, и скопируйте шрифты в папку C:/windows/fonts
  4. Запустите скачанный файл fonts.reg
  5. Перезагрузите компьютер.

Бывает, что шрифты в системе перестают быть читабельными по тем или иным причинам. Чтобы исправить эту проблему, вам понадобиться восстановление стандартных шрифтов. Это поможет возобновить изначальное шрифтовое оформление в windows

Но это не единственная причина, по которой обычно переустанавливают шрифты. У некоторых накапливается слишком много шрифтов в системе, тех которые использовали один или два раза. И если нет необходимости держать 300 ненужных шрифтов, то лучше их удалить со своего компьютера. В таком случае, перед копированием скаченных шрифтов в папку Fonts, удалите всё содержимое этой папки.

Компания Microsoft всегда заботилась о качестве используемых шрифтов в своей операционной системе и в программном обеспечении.  Начиная с Windows 98, в список стандартных шрифтов входили десятки лучших, и самых современных на тот момент гарнитур. К разработке новых начертаний привлекались самые известные и талантливые студии со всего мира. Помимо новых разработок, в стандартный набор входили и неоспоримые легенды типографики, например, Arial и Times New Roman.

Новые версии операционной системы не перестают радовать качественными новинками в области разработки шрифтов. Например, в Windows 8 и 10, появился шрифт Segoe UI, специально разработанный для Microsoft студией Monotype. В изначальном виде он имел название Segoe, и был разработан Monotype в 2000 году, для коммерческого распространения. После того как шрифт перешел во владение Microsoft, он модернизировался специально под web, отсюда и приставка UI(user interface).

Segoe UI — это рубленный шрифт без засечек, который обладает отличной удобочитаемостью и компактностью. Он отлично вписывается в минималистичный интерфейс, не перегружая его. Шрифт сразу стал популярен среди дизайнеров и проектировщиков интерфейсов.

В целом, в стандартных шрифтах есть очень много универсальных гарнитур, которые не стареют, и всегда будут пользоваться популярностью. А постоянное расширение и дополнение списка новыми красивыми шрифтами, — не могут не радовать любителей качественной типографики.

На нашем сайте, помимо стандартных, вы можете найти множество оригинальных и брендовых шрифтов. С помощью наших инструментов, вы можете подобрать шрифты онлайн, а также купить особый шрифт по низкой цене.

CSS: Стандартные (безопасные) шрифты

В интернете исторически сложилось такое понятие как «безопасные» Web-шрифты. Безопасным шрифтом можно назвать такой шрифт, который используется системой пользователя с очень высокой степенью вероятности. О положении положения дел остаётся только мечтать, то абсолютно безопасных шрифтов не существует!

Основой для определения безопасных шрифтов послужили шрифты наиболее распространённой операционной системы — Windows, которые используются в других ОС:

Шрифты с засечками — serif

font-family Пример
Georgia, serif

Это заголовок

Это абзац

«Palatino Linotype», «Book Antiqua», Palatino, serif

Это заголовок

Это абзац

«Times New Roman», Times, serif

Это заголовок

Это абзац

Шрифты без засечек — Sans-Serif

font-family Пример
Arial, Helvetica, sans-serif

Это заголовок

Это абзац

«Arial Black», Gadget, sans-serif

Это заголовок

Это абзац

«Comic Sans MS», курсив, без засечек

Это заголовок

Это абзац

Impact, уголь, без засечек

Это заголовок

Это абзац

«Lucida Sans Unicode», «Lucida Grande», без засечек

Это заголовок

Это абзац

Tahoma, Geneva, sans-serif

Это заголовок

Это абзац

«Trebuchet MS», Helvetica, sans-serif

Это заголовок

Это абзац

Verdana, Geneva, sans-serif

Это заголовок

Это абзац

Моноширинные шрифты — Моноширинный

font-family Пример
«Courier New», Courier, моноширинный

Это заголовок

Это абзац

«Lucida Console», Монако, моноширинный

Это заголовок

Это абзац

С этой темой смотрят:

.

Шрифт стандартный — noMail

. Переключить навигацию noMail v.3.0
  • Каталог шрифтов
  • Говорилка
  • Полужирный
  • Курсив
  • Все шрифты
  • Свет
  • Тяжелый
А B C D E F г ЧАС я J K L M N О п Q р S Т U V W Икс Y Z

.
Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *