Соответствия шрифтов Windows, Mac и Unix/Linux
Автор: Татьяна Шкабко Дата публикации:
Эта статья является продолжением статьи Верстальщику о шрифтах. Часть I: Безопасные шрифты.
Шрифты поддерживающие кириллицу
Специфической особенностью рунета является проблема с кодировками страниц и поддержкой кириллицы в шрифтах. Чтобы не возникало проблем с разнообразными кодировками символов, умные люди придумали Unicode, который позволяет сочетать в одном шрифте символы нескольких языков. Таким образом для русскоязычных страниц нужно использовать только Unicode шрифты поддерживающие кириллицу.
Ниже приведена таблица соответствий шрифтов.
| Windows | Mac OS | Unix/Linux | Родовое семейство |
|---|---|---|---|
| Arial Black | Helvetica CY | Nimbus Sans L | Sans-serif |
| Arial | Helvetica CY | Nimbus Sans L | |
| Comic Sans MS | Monaco CY | * (см. ниже) |
cursive |
| Courier New | * (см. ниже) | Nimbus Mono L | Monospace |
| Georgia | * (см. ниже) | Century Schoolbook L | Serif |
| Impact | Charcoal CY | * (см. ниже) | Sans-serif |
| Times New Roman | Times CY | Nimbus Roman No9 L | Serif |
| Trebuchet MS | Helvetica CY | * (см. ниже) | Sans-serif |
| Verdana | Geneva CY | DejaVu Sans | Sans-serif |
* в колонке напротив шрифта означает, что родных кириллических эквивалентов Windows шрифта у операционной системы не имеется. Но в то же время есть большая вероятность, что в операционной системе установлен непосредственно сам этот шрифт.
Например, если основным текстом макета является Arial, находим в табличке этот шрифт и в CSS пишем соответствующую ему строчку:
body {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
Эта запись означает, что если у пользователя есть шрифт Arial (а он есть у всех пользователей Windows и всех пользователи Mac OS X), то страница отобразися этим шрифтом. Если же у пользователя нет этого шрифта, то страничка русскоязычного пользователя Mac OS 9 точно отобразится стандартным системным шрифтом Helvetica CY, а у пользователя Unix/Linux отобразися шрифтом Nimbus Sans L который установлен у 90% пользователей Unix/Linux. Если же пользователь Unix/Linux принадлежит в тем 10%, у которых нет этого шрифта, то страница отобразится тем шрифтом с засечками, который установлен для просмотра Web-страниц по умолчанию.
Образцы подобных линеек можно увидеть, например, в Dreamweaver.
Образец линеек шрифтов в Dreamweaver
Начинающие верстальщики выбирают линейку по первому шрифту не задумываются, что же означает эта длинная строчка.
Некоторые даже стирают все, кроме первого шрифта, лишая удовольствия увидеть замысел дизайнера всех пользователей, у которых по каким-то причинам не установлен этот шрифт.
Но мы то теперь знаем, что означает эта строка, не правда ли? И уже можем правильно ее использовать.
Но почему же строка построенная нами так сильно отличается от привычного по Dreamweaver:
body {
font-family: Arial, Helvetica, sans-serif;
}
Кроме того, что в таблице учитываются шрифты Unix/Linux, там еще после обычного Helvetica идет какой-то странный значок CY. Давайте разбираться, что же это такое!
До выхода Mac OS X эта линейка имела следующее значение: для пользователей Windows отображаем страницу Arial, для пользователей Mac OS 9 — стандартным шрифтом Helvetica, а остальные видят страницу с системным шрифтом без засечек, настроенным по умолчанию в браузере. Но опять же немаловажный нюанс! У стандартного Mac OS 9 шрифта Helvetica нет кириллицы! Для русскоязычной страницы это означало следующее: для пользователей Windows отображаем страницу Arial, для пользователей Mac OS 9 — стандартным шрифтом Helvetica, который выводит нечитаемую информацию, а остальные видят страницу с системным шрифтом без засечек, настроенным по умолчанию в браузере.
Для правильного отображения этого набора у пользователей Mac OS 9 вместо некириллизированной Helvetica, имеет смысл указывать такой же стандартный для Mac OS 9 шрифт Helvetica CY, содержащий кириллицу.
Прочтение линеек после выхода Mac OS X изменилось. Теперь для Windows/Mac OS X указывается один общий стандартный шрифт. А если мы хотим, чтобы замысел дизайнера смогли увидеть пользователи Mac OS 9, для них нужно в линейке шрифтов прописать шрифт содержащий кириллицу.
Таким образом хотя и не существует безопасных шрифтов, существуют безопасные линейки шрифтов. Их еще называют шрифтовыми CSS стеками. В эти линейки помимо стандартных шрифтов Windows/Mac OS X можно включать также эквивалентные шрифты из стандартного набора Mac OS 9 (которая не содержит по умолчанию «безопасных» шрифтов) и распространенных шрифтов Unix/Linux.
Любой верстальщик рано или поздно сталкивается с моментом, когда дизайнер использует в макете шрифт, не входящий в перечень «безопасных»;.
Ниже приведена дополнительная таблица шрифтов, которые не входят в перечень «безопасных», но могут использоваться на макетах.
| Windows | Mac OS | Родовое семейство |
|---|---|---|
| Lucida Console | Monaco | Monospace |
| Lucida Sans Unicode | Lucida Grande | Sans-serif |
| Tahoma | Geneva CY | Sans-serif |
А если без кириллицы?
Для англоязычных текстов вышеприведенные таблицы имеют несколько другой вид.
| Windows | Mac OS | Unix/Linux | Родовое семейство |
|---|---|---|---|
| Arial Black | Nimbus Sans L | Sans-serif | |
| Arial | Helvetica | Nimbus Sans L | Sans-serif |
| Comic Sans MS | Monaco | TSCu_Comic | cursive |
| Courier New | Courier | Nimbus Mono L | Monospace |
| Georgia | * (см. ниже) | Century Schoolbook L | Serif |
| Impact | Charcoal | Rekha | Sans-serif |
| Times New Roman | Times | Nimbus Roman No9 L | Serif |
| Trebuchet MS | Helvetica | Garuda | Sans-serif |
| Verdana | Geneva | DejaVu Sans | Sans-serif |
Для шрифтов Arial, Courier New и Times New Roman при составлении линеек лучше указывать сначала шрифт для Unix/Linux, а затем для Mac OS.
Это связанно с некоторой кривостью набора Linux шрифтов X11 core fonts set.
Шрифты, которые не входят в перечень «безопасных», но могут использоваться на макетах, лучше определять шрифтовыми CSS стеками на основе этой таблицы.
| Windows | Mac OS | Unix/Linux | Родовое семейство |
|---|---|---|---|
| Lucida Console | Monaco | — | Monospace |
| Lucida Sans Unicode | Lucida Grande | Garuda | Sans-serif |
| Palatino Linotype | Palatino | Garuda** | Sans-serif |
| Tahoma | Geneva | Kalimati | Sans-serif |
Прочерк в графе Unix/Linux обозначает, что пользователи этих ОС скорее всего увидят на странице шрифт, установленный для отображения страниц по умолчанию.
** В данной линейке шрифт Garuda имеет смысл ставить перед Palatino (см. пояснение выше).
Выводы:
- Абсолютно безопасных шрифтов не существует. Условно безопасными можно назвать следующие шрифты:
- Arial
- Arial Black
- Comic Sans MS
- Courier New
- Georgia
- Impact
- Times New Roman
- Trebuchet MS
- Verdana
- Безопасные CSS стеки, учитывающие поддержку кирилицы в шрифтах, можно посмотреть в статье Безопасные шрифтовые CSS стеки для рунета.
- Если на странице поддержка кириллицы не важна, используем CSS стеки из статьи Безопасные шрифтовые CSS стеки для англоязычных текстов.
Материалы:
- Microsoft Typography:: Core fonts for the Web
- Microsoft Typography:: Fonts supplied with Mac OS
- Alan Wood’s Unicode Resources:: Unicode fonts for Macintosh OS 9 computers
- Linux Font Equivalents to Popular Web Typefaces
- Common fonts to all versions of Windows & Mac equivalents
- Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows
Международные шрифты — Windows apps
Twitter LinkedIn Facebook Адрес электронной почты
- Статья
- Чтение занимает 2 мин
В этом разделе перечислены шрифты, доступные для приложений Для Windows, локализованных на языки, отличные от английского (США).
В следующей таблице в столбце «Тег языка» указан тег языка BCP-47 . Список тегов языков, специально поддерживаемых в Microsoft Store, см. в разделе Поддерживаемые языки.
| Язык | Тег языка | Шрифт, используемый в Windows |
|---|---|---|
| Африкаанс | af-ZA | Segoe UI |
| Албанский | sq-AL | Segoe UI |
| Амхарский | am-ET | Ebrima |
| Арабский | ar-SA | Segoe UI |
| Армянский | hy-AM | Segoe UI |
| Ассамский | as-IN | Nirmala UI |
| Азербайджанский (латиница) | az-Latn-AZ | Segoe UI |
| Бенгальский (Бангладеш) | bn-BD | Nirmala UI |
| Бенгальский (Индия) | bn-IN | Nirmala UI |
| Баскский | eu-ES | Segoe UI |
| Белорусский | be-BY | Segoe UI |
| Боснийский (латиница) | bs-Latn-BA | Segoe UI |
| Болгарский | bg-BG | Segoe UI |
| Каталонский | ca-ES | Segoe UI |
| Центральнокурдский (арабский) | ku-ARAB-IQ | Segoe UI |
| Чероки (чероки) | chr-CHER-US | Gadugi |
| Китайский (упрощенный) | zh-CN | Microsoft YaHei UI |
| Китайский (традиционное письмо, Гонконг) | zh-HK | Microsoft JhengHei UI |
| Китайский (традиционное письмо, Тайвань) | zh-TW | Microsoft JhengHei UI |
| Хорватский | hr-HR | Segoe UI |
| Чешский | cs-CZ | Segoe UI |
| Датский | da-DK | Segoe UI |
| Дари | prs-AF | Segoe UI |
| Нидерландский | nl-NL | Segoe UI |
| Английский (Великобритания) | en-GB | Segoe UI |
| Эстонский | et-EE | Segoe UI |
| Филиппинский | fil-PH | Segoe UI |
| Финский | fi-FI | Segoe UI |
| Французский | fr-FR | Segoe UI |
| Галисийский | gl-ES | Segoe UI |
| Грузинский | ka-GE | Segoe UI |
| Немецкий | de-DE | Segoe UI |
| Греческий | el-GR | Segoe UI |
| Гуджарати | gu-IN | Nirmala UI |
| Хауса (латиница) | ha-Latn-NG | Segoe UI |
| Иврит | he-IL | Segoe UI |
| Hindi | hi-IN | Nirmala UI |
| Венгерский | hu-HU | Segoe UI |
| Исландский | is-IS | Segoe UI |
| Игбо | ig-NG | Segoe UI |
| Индонезийский | id-ID | Segoe UI |
| Ирландский | ga-IE | Segoe UI |
| Коса | xh-ZA | Segoe UI |
| Зулу | zu-ZA | Segoe UI |
| Итальянский | it-IT | Segoe UI |
| Японский | ja-JP | Yu Gothic UI |
| Каннада | kn-IN | Nirmala UI |
| Казахский | kk-KZ | Segoe UI |
| Кхмерский | km-KH | Leelawadee UI |
| Киче | qut-GT | Segoe UI |
| Киньяруанда | rw-RW | Segoe UI |
| Суахили | sw-KE | Segoe UI |
| Конкани | kok-IN | Nirmala UI |
| Корейский | ko-KR | Malgun Gothic |
| Киргизский | ky-KG | Segoe UI |
| Латышский | lv-LV | Segoe UI |
| Литовский | lt-LT | Segoe UI |
| Люксембургский | lb-LU | Segoe UI |
| Macedonian | mk-MK | Segoe UI |
| Малайский | ms-MY | Segoe UI |
| Малаялам | ml-IN | Nirmala UI |
| Мальтийский | mt-MT | Segoe UI |
| Маори | mi-NZ | Segoe UI |
| Маратхи | mr-IN | Nirmala UI |
| Монгольский (кириллица) | mn-MN | Segoe UI |
| Непальский | ne-NP | Nirmala UI |
| Норвежский (букмол) | nb-NO | Segoe UI |
| Норвежский (нюнорск) | nn-NO | Segoe UI |
| Ория | or-IN | Nirmala UI |
| Персидский | fa-IR | Segoe UI |
| Польский | pl-PL | Segoe UI |
| Португальский (Бразилия) | pt-BR | Segoe UI |
| Португальский (Португалия) | pt-PT | Segoe UI |
| Панджаби | pa-IN | Nirmala UI |
| Панджаби (арабский) | pa-Arab-PK | Segoe UI |
| Кечуа | quz-PE | Segoe UI |
| Румынский | ro-RO | Segoe UI |
| русском языке | ru-RU | Segoe UI |
| Гэльский | gd-GB | Segoe UI |
| Сербский (кириллица, Босния и Герцеговина) | sr-Cyrl-BA | Segoe UI |
| Сербский (кириллица, Сербия) | sr-Cyrl-CS | Segoe UI |
| Сербский (латиница) | sr-Latn-CS | Segoe UI |
| Северный сото | nso-ZA | Segoe UI |
| Тсвана | tn-ZA | Segoe UI |
| Синдхи (арабский) | sd-Arab-PK | Segoe UI |
| Сингальский | si-LK | Nirmala UI |
| Словацкий | sk-SK | Segoe UI |
| Словенский | sl-SI | Segoe UI |
| Испанский | es-ES | Segoe UI |
| Шведский | sv-SE | Segoe UI |
| Таджикский (кириллица) | tg-Cyrl-TJ | Segoe UI |
| Тамильский | ta-IN | Nirmala UI |
| Татарский | tt-RU | Segoe UI |
| Телугу | te-IN | Nirmala UI |
| Тайский | th-TH | Leelawadee UI |
| Тигринья | ti-ET | Ebrima |
| Турецкий | tr-TR | Segoe UI |
| Туркменский | tk-TM | Segoe UI |
| Украинский | uk-UA | Segoe UI |
| Урду | ur-PK | Segoe UI |
| Уйгурский | ug-CN | Segoe UI |
| Узбекский (латиница) | uz-Latn-UZ | Segoe UI |
| Валенсийский | ca-ES-valencia | Segoe UI |
| Вьетнамский | vi-VN | Segoe UI |
| Валлийский | cy-GB | Segoe UI |
| Волоф | wo-SN | Segoe UI |
| Йоруба | yo-NG | Segoe UI |
- Тег языка BCP-47
- Поддерживаемые языки
шрифтов Fontspring с поддержкой кириллицы
Proxima Nova Студия Марка Симонсона 16 стилей
Купить
Proxima Nova Extra Condensed
Студия Марка Симонсона
16 стилей
От $29.
00
Купить
Proxima Nova Condensed Студия Марка Симонсона 16 стилей От $29.00
Купить
Аверта Костас Барцокас 48 стилей От $15.00
Купить
София Про Мостардизайн 17 стилей 1 шрифт бесплатно!
Купить
Гарет Введите вперед 23 стиля 2 шрифта бесплатно!
Купить
Реколета латинотип 14 стилей От $29.00
Купить
Proxima Soft Студия Марка Симонсона 16 стилей От 29 долларов.00
Купить
Greycliff CF Дизайн шрифта Коннари Фагена 18 стилей От $25,00
Купить
Myriad® Pro
Adobe
40 стилей
От $35.
00
Купить
Futura PT Паратип 22 стиля От $30.00
Купить
Goldenbook Студия Марка Симонсона 6 стилей От 29 долларов.00
Купить
TT Commons Classic Тип 24 стиля От $35,00
Купить
Minion® Pro Adobe 65 стилей От $29.00
Купить
Монт. Шрифтовая фабрика 20 стилей От $39.00
Купить
Проксима Вара Студия Марка Симонсона 1 стиль От $99.00
Купить
Trajan® Pro 3 Adobe 6 стилей От $35.00
Купить
TT Firs Neue Тип 22 стиля От $35.00
Купить
Миньон 3
Adobe
32 стиля
От $35.
00
Купить
Формула Браунфокс 13 стилей От $28.00
Купить
Пелаго Adobe 12 стилей От $35.00
Купить
Ной Шрифтовая фабрика 72 стиля 4 шрифта бесплатно!
Купить
Баллинджер Тип сигнала Литейный завод 16 стилей От $50.00
Купить
TT Norms® Pro Тип 82 стиля От $35.00
Купить
Пантон Шрифтовая фабрика 54 стиля От $19.00
Купить
TT Lakes Neue Тип 91 стиль От $39.00
Купить
Articulat CF Дизайн шрифта Коннари Фагена 20 стилей От $25.00
Купить
Verdana Pro
Картер и Конус
20 стилей
От $35.
00
Купить
Глобер Шрифтовая фабрика 18 стилей От $29.00
Купить
DietDidot Паратип 9 стилей
Купить
TT Commons Pro Тип 104 стиля От $35,00
Купить
Sugo Pro Зетафонты 20 стилей От $39.00
Купить
ДИН 2014 Паратип 18 стилей
Купить
Cocogoose Pro Зетафонты 27 стилей
Купить
Core Sans CR Счет 18 стилей От $20.00
Купить
TT Bluescreens Тип 37 стилей От $29.00
Купить
Тоби
Родриго Типо
3 стиля
От $19.
00
Купить
Гротеск Акеруса Тип горизонта 20 стилей 2 шрифта бесплатно!
Купить
TT Rounds Neue Тип 55 стилей От $39.00
Купить
Carisma CastleType 30 стилей От $49.00
Купить
Подменыш Нео Студия Марка Симонсона 5 стилей От 29,00 $
Купить
Sonrisa CastleType 8 стилей От $29.00
Купить
Quincy CF Дизайн шрифта Коннари Фагена 16 стилей От $25,00
Купить
Trajan® Sans Pro Adobe 6 стилей От $35.00
Купить
Риффик InkyType 7 стилей 1 шрифт бесплатно!
Купить
NCT Гранит
НКТ
18 стилей
От $10.
