Соответствия шрифтов 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 | Родовое семейство |
|---|---|---|---|
| Gadget | 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
Встраиваемые шрифты с кириллицей / Хабр
Пусть расцветают сто цветов, пусть соперничают сто школ.
Этим лозунгом первого китайского императора Цинь Ши Хуана хочется поднять волну народного
стремления к появлению как можно большего количества шрифтов с веб-лицензией, которые поддерживают кириллицу. Сто школ в данном случае — различные словолитни и сервисы, предоставляющие встраиваемые шрифты.
В настоящее время подобные сервисы активно развиваются. Крупнейший из них, Typekit, содержит на данный момент 376 шрифтов от более чем 30 производителей. Но вот незадача: Typekit пока поддерживает только подмножество Latin-1, хотя и работает над добавлением поддержки других подмножеств Unicode.
Что же прямо сейчас делать нам, пользователям кириллицы?
План А: гарнитуры от Typotheque
На наше счастье, замечательная голландская словолитня Typotheque самостоятельно предлагает веб-лицензию на свои шрифты, среди которых имеются и поддерживающие кириллицу: Greta Text и Fedra Serif с засечками, а также несколько начертаний Fedra Sans без засечек.
Из них для чтения с экрана компания рекомендует только Fedra Sans, что не мешает, впрочем, использовать шрифты с засечками для заголовков.
Стоимость веб-лицензии одного шрифта составляет 18 €, что впятеро дешевле полной лицензии (позволяющей использовать шрифт как для полиграфии, так и для веба). В качестве недостатка стоит отметить, что при покупке веб-лицензии шрифт будет подгружаться пользователю с серверов Typotheque, которые вероятнее всего расположены в Голландии. И скорость загрузки для некоторых пользователей может быть ниже скорости загрузки со своего сервера или с распределённых серверов Typekit.
План Б: бесплатные и платные шрифты на Kernest.com
Однако ж, есть дизайнеры в русских селеньях! Впрочем, и в украинских тоже. Такие дизайнеры, которые готовы делиться результатами своего творчества со всеми окружающими за «спасибо». И таких дизайнеров немало на Kernest.com. Впрочем, есть там и те, кто готов поделиться не за «спасибо», но за недорого.
Подавляющее большинство шрифтов с кириллицей здесь — акцидентные, то есть, подходят для недлинных крупных надписей (например, заголовков).
- Акцидентные шрифты от 4th February, от бесплатных до 15 $ за шрифт.
- Различные бесплатные шрифты от Jovanny Lemonad (шрифт Days очень хорош).
- Бесплатный Old Standard от Алексея Крюкова. Про семейство можно прочитать на странице проекта «Солунь». Семейство интересно поддержкой греческого и может использоваться для набора текстов, содержащих фрагменты на старославянском, церковнославянском и т. п. языках.
- Бесплатная Heuristica от Андрея Панова, основанная на Adobe Utopia.
- Пара бесплатных шрифтов от Романа Ершова.
- Бесплатная гарнитура Antykwa Toruńska польского дизайнера Зигфрида Гардзелевского.
- Бесплатная гарнитура из 43 начертаний без засечек от японского проекта M+ Fonts, кириллицу пока содержат не все из них. По причине японского происхождения примечательна наличием кан и кандзи.
То есть, японских азбук и иероглифов.
То есть, японских азбук и иероглифов.В общем, получается негусто, но хочется надеяться, что мы только в начале пути…
План В: ждать и теребить русские словолитни
Я изо всех сил верю, что наши словолитни не отстанут от прогресса и предложат веб-лицензирование. Конечно же, имеется масса чисто юридических проблем (включая постановку купленной лицензии на баланс компании и отслеживание правомерности использования шрифта), однако все эти проблемы решаемы.
По счастью, Эмиль Якупов, директор компании ParaType (ведущей российской цифровой словолитни) сообщил следующее:
Есть еще нерешенные вопросы и в технической реализации, и в том, как будут устроены цены и способы лицензирования. Всю осень мы были запарены проектами, которые должны сдавать в этом году. Думаю, что за первый квартал следующего года мы построим какое-то количество шрифтов в Web-форматах и попробуем на них разные модели продаж и разных партнеров.
Посмотрим какие будут отзывы о сервисе Типотеки и ТайпКита. Сами мы вряд ли будем держать шрифтовой сервер, их и без нас будет достаточно, проще и дешевле будет арендовать. И мы, наверное, будем просто продавать EOT и WOFF, чтобы можно было размещать их прямо на тех же серверах, где лежит контент. Но опять же это пока только предположения, если окажется, что продавать ссылки на шрифты безопаснее, и это станет нормальной практикой, то и мы будем делать так же.Я думаю, что дальнейшее развитие кириллической отрасли веб-типографики зависит в том числе и от активности каждого из нас. А ты написал в знакомую словолитню письмо с вопросом о веб-лицензировании?
шрифтов Fontspring с поддержкой кириллицы
Proxima Nova Студия Марка Симонсона 16 стилей От $29,00
Купить
Myriad® Pro Adobe 40 стилей От $35.00
Купить
Proxima Nova Condensed Студия Марка Симонсона 16 стилей
Купить
Proxima Nova Extra Condensed
Студия Марка Симонсона
16 стилей
От 29 долларов.
00
Купить
София Про Мостардизайн 17 стилей 1 шрифт бесплатно!
Купить
Futura PT Паратип 22 стиля От $30,00
Купить
Minion® Pro Adobe 65 стилей
Купить
Garamond Premier Pro Adobe 34 стиля От $35.00
Купить
Проксима Софт Студия Марка Симонсона 16 стилей От $29.00
Купить
Quincy CF Дизайн шрифта Коннари Фагена 16 стилей От $25.00
Купить
Nocturne Serif МАЧАЛЬСКИЙ 20 стилей От 29,00 $
Купить
Cera Pro TypeMates 12 стилей От $59.00
Купить
Гарет Введите вперед 23 стиля 2 шрифта бесплатно!
Купить
TT Hoves Pro
Тип
63 стиля
От $35.
00
Купить
Аппарат Письмосуп 88 стилей От $45.00
Купить
Greycliff CF Дизайн шрифта Коннари Фагена 18 стилей От $25.00
Купить
TT Norms® Pro Тип 82 стиля
Купить
Bebas Neue Pro Тип Дхармы 40 стилей От $14,99
Купить
Стандартный ТТ CastleType 38 стилей От $59.00
Купить
Аверта Костас Барцокас 48 стилей От $15.00
Купить
Зинг Ржавчина Шрифтовая фабрика 521 стиль От $27,00
Купить
Функция Pro Компания ФонтСайт. 21 стиль От $19.00
Купить
Franklin Gothic FS
Компания ФонтСайт.
16 стилей
6 шрифтов бесплатно!
Купить
Exo Soft Nузнать 18 стилей От $35.00
Купить
Новости Готика Паратип 14 стилей От $30.00
Купить
Актифо Студия дегаризма 28 стилей От $45.00
Купить
Миссис Лук Гипопотам Студия 38 стилей
Купить
Brandon Grotesque Condensed HVD-шрифты 12 стилей От $40.00
Купить
Core Sans CR Счет 18 стилей От $20.00
Купить
Гротеск Акеруса Тип горизонта 20 стилей 2 шрифта бесплатно!
Купить
Артикулат CF
Дизайн шрифта Коннари Фагена
20 стилей
От $25.
00
Купить
DietDidot Паратип 9 стилей От $30.00
Купить
Баллинджер Тип сигнала Литейный завод 16 стилей От $50.00
Купить
Conthrax Типодермические Шрифты Inc. 14 стилей 1 шрифт бесплатно!
Купить
TT Commons Classic Тип 24 стиля От $35.00
Купить
Ной Шрифтовая фабрика 72 стиля 4 шрифта бесплатно!
Купить
Геометрия Браунфокс 24 стиля От $45.00
Купить
Anglecia Pro Text Тип монетного двора 10 стилей 2 шрифта бесплатно!
Купить
Waverly CF Дизайн шрифта Коннари Фагена 7 стилей
Купить
TT Rounds Neue
Тип
55 стилей
От 39 долларов.
00
Купить
Трафарет Rothek Гротескли Ваш 21 стиль 2 шрифта бесплатно!
Купить
Houschka Pro G-тип 12 стилей
Купить
Cocogoose Pro Зетафонты 27 стилей От $39.00
Купить
Visby CF Дизайн шрифта Коннари Фагена 16 стилей От $25.00
Купить
Blacker Pro Зетафонты 69 стилей От $39.00
Купить
Artegra Sans Артегра 162 стиля От $11,60
Купить
Монт. Шрифтовая фабрика 20 стилей От $35,00
Купить
Trajan® Pro 3 Adobe 6 стилей От $35.00
Купить
P22 Подземный Литейный завод типа P22 29 стилей
Купить
Негрита Про
Родриго Типо
3 стиля
От $15.
00
Купить
Международные кириллические моноширинные шрифты
Перейти к навигацииПерейти к содержанию
Ищи:
Используйте вкладки для дополнительной навигации.
Армянские шрифты
Армянские шрифты
Армянские шрифты на сайте Luc Devroye
Армянские шрифты
Hayfonts. Armenian Fonts
Armenian Unicode fonts
Arian AMU
Georgian Fonts
Georgian Fonts
Georgian BPG Fonts
Hebrew Fonts
Hebrew Fonts at Fontlibrary
Thai Fonts
Thai Fonts at Fontlibrary
Devanagari
WAZU JAPAN’s Gallery of Юникод шрифты
Шрифты Devanagari в Fontlibrary
Индийские шрифты
Ek Type
Индийский шрифт, арабский, хангыль, иврит, тайский/лаосский, тибетский, кхмерский, мьянманский
OpenType Shaping Documents
Японские шрифты
Бесплатные шрифты
Арабские шрифты
Коммерческие шрифты
Арабские шрифты
Контент
Моноширинный
Агава Анка Кодер Анонимный профессионал Средний моно Код Каскадия Код Новый Роман Кодовое имя Кодер 4F кухня Дежавю без моно Диск Моно Дроид Санс Моно Фантастический Санс Код Фиры Фира Моно БесплатноМоно Перейти моно взломать IBM Plex Моно Инконсолата LGC Иосевка JetBrains Моно Освобождение Моно Люкулент М+ Месло ЛГ М моноид Мононоки Нимбус Моно NK57 Моноширинный Эстакада Моно прогги вектор ПТ Моно Сабир Моно Исходный код Pro Судо Курсор TeX Gyre Убунту Виктор Моно Унифонт
Другие источники
Chrissimpkins: Codeface
Darren Embry: Список моноширинных шрифтов
Programmingfonts: Programming Fonts
Если вам нравится этот сайт и вы считаете его полезным, помогите нам сделать его лучше, оставив отзыв, предложив улучшения или пожертвование.
