Верстальщику о шрифтах. Часть II : Соответствия шрифтов Windows, Mac и Unix/Linux

Шрифты поддерживающие кириллицу

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

Ниже приведена таблица соответствий шрифтов.

Windows	Mac OS	Unix/Linux	Родовое семейство
Arial Black	Helvetica CY	Nimbus Sans L	Sans-serif
Arial	Helvetica CY	Nimbus Sans L	Sans-serif
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 пишем соответствующую ему строчку:

Эта запись означает, что если у пользователя есть шрифт 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:

Кроме того, что в таблице учитываются шрифты 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.

Любой верстальщик рано или поздно сталкивается с моментом, когда дизайнер использует в макете шрифт, не входящий в перечень «безопасных»;. Но это еще не повод бить тревогу! Например, дизайнеры очень часто используют на макетах шрифт Tahoma, который не входит в этот перечень. Правильно построенная линейка шрифтов открывает возможность использовать не только Tahoma, но и другие шрифты. Все большее количество дизайнеров пользуются этой возможностью и грамотный верстальщик должен об этом знать.

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

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	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 (см. пояснение выше).

Сглаживание шрифтов в Microsoft Windows примерно как в Apple MAC OS

Поиском не нашёл на хабре такого рода извращений, потому решил исправить положение.

Предыстория

Поставил себе как-то браузер Safari. И заметил, что текст отображается по-другому. И весьма мне понравилось читать именно в нём, как-то красивее кошернее выглядел текст (хотя это субъективно, некоторым и не нравится подобная размытость). И стал я искать…

Результаты поисков

Вашему вниманию предлагается программа, которая позволяет сделать сглаживание шрифтов похожим на сглаживание в MAC OS.
Представляю —
MacType.

Описывать настройки со скриншота выше смысла нет, потому просто приведу скриншоты полученных результатов. Отмечу только, что программа поддерживает профили в виде *.ini файлов, из коробки на выбор предлагается 11 профилей (5 макоподобных, 6 неясных и возможность нагадить создать самому (в зелёном квадрате выделения профиль, установленный у меня)):

Окно программы, выбор профиля сглаживания.

Вывод

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

Полезные ссылки:

Официальная страница
Страничка in English, на которую ссылается Ru. Board, содержит альтернативы, предшественников, некоторое количество скриншотов.
Тема на Ru. Board, освещающая предысторию (проекта, а не мою).

Полезности с хабра:

Постскриптумы

Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.

• 16 ноября 2020 в 11:34 Автоматизация установки софта на чистую Windows
• 24 ноября 2020 в 14:25 Как за долгое время я вернулся на Windows (WSL)
• 29 декабря 2020 в 11:50 Отключение профиля MDM на Mac OS Big Sur
• 16 декабря 2020 в 18:33 Соблюдаем дистанцию — установка Raspberry Pi OS и бесконтактная работа с Raspberry Pi
• 31 декабря 2020 в 00:06 Интеграция чат-бота в Microsoft Teams

Это «Песочница» — раздел, в который попадают дебютные посты пользователей, желающих стать полноправными участниками сообщества.

Если у вас есть приглашение, отправьте его автору понравившейся публикации — тогда её смогут прочитать и обсудить все остальные пользователи Хабра.

Чтобы исключить предвзятость при оценке, все публикации анонимны, псевдонимы показываются случайным образом.

Не надо пропускать:

• рекламные и PR-публикации
• вопросы и просьбы (для них есть Хабр Q&A);
• вакансии (используйте Хабр Карьеру)
• статьи, ранее опубликованные на других сайтах;
• статьи без правильно расставленных знаков препинания, со смайликами, с обилием восклицательных знаков, неоправданным выделением слов и предложений и другим неуместным форматированием текста;
• жалобы на компании и предоставляемые услуги;
• низкокачественные переводы;
• куски программного кода без пояснений;
• односложные статьи;
• статьи, слабо относящиеся к или не относящиеся к ней вовсе.

LiveInternetLiveInternet

—Музыка

—Метки

—Рубрики

• Армия (193)
• Авиация (35)
• БРАУЗЕРЫ (435)
• Google Chrome (93)
• Brave Browser (2)
• UC Browser (2)
• Comodo Dragon (2)
• NAVER Whale Browser (1)
• SlimBrowser (1)
• Aurora (1)
• Lemon Browser (1)
• Coc Coc (1)
• Maxthon (1)
• Vivaldi (1)
• Internet Explorer, Microsoft Edge (26)
• Mozilla Firefox (60)
• Opera (44)
• Safari (9)
• SeaMonkey (6)
• Slimjet (3)
• TOR (1)
• Yandex (36)
• Амиго (4)
• Гогуль (1)
• Спутник (2)
• ВИДИО (1674)
• Youtube (1234)
• Программы для создания видио (59)
• Видео 360 градусов (1)
• Как скачать видио (53)
• ФЛЭШКИ (27)
• РАМОЧКИ (632)
• Летние (162)
• Осенние (73)
• Зимние (62)
• Весенние (42)
• Музыкальные (24)
• Для поздравлений (21)
• Для видио (14)
• Кулинарные (3)
• Для текста (237)
• ВИРТУАЛЬНЫЕ ЭКСКУРСИИ (528)
• ДЕТИ (55)
• ДОКУМЕНТАЛЬНОЕ КИНО (52)
• ЖЗЛ (55)
• ЖКХ (44)
• ЗАКОНОДАТЕЛЬСТВО (85)
• ЗДОРОВЬЕ (502)
• Гигиена, зарядка (24)
• Лекарства (17)
• Народные средства (152)
• ИГРЫ (59)
• ИЛЛЮЗИИ (16)
• ИСКУССТВО (353)
• ЖИВОПИСЬ (108)
• ПИСАТЕЛИ (4)
• ПОЭЗИЯ (103)
• ФОКУСЫ (6)
• ИСТОРИЯ (257)
• КОСМОС, НЛО (36)
• КУЛИНАРИЯ (396)
• Блюда из грибов (16)
• ВЫПЕЧКА (43)
• ЗАКУСКИ (42)
• КАШИ (5)
• Мясные блюда (57)
• НАПИТКИ (17)
• Пельмени и т.д. (3)
• Рыбные блюда (42)
• САЛАТЫ (28)
• Советы (35)
• Соления, Копчения, Консервация (42)
• Спиртное (11)
• СУП (16)
• ТОРТЫ (26)
• МУЗЫКА (1599)
• Как скачать музыку (24)
• ПЛЕЕРЫ МУЗЫКАЛЬНЫЕ (83)
• ПЛЭЙКАСТЫ (1206)
• МУЛЬТФИЛЬМЫ (22)
• НАУКА (79)
• НЕПОЗНАННОЕ (42)
• ОБРАЗОВАНИЕ (315)
• ДЕТСКИЕ РАЗВИВАЮЩИЕ ЗАНЯТИЯ (книги, пособия) (236)
• Общество (436)
• ОТКРЫТКИ, ПОЖЕЛАНИЯ (61)
• ОФОРМЛЕНИЕ ДНЕВНИКОВ, ПОСТОВ, БЛОГОВ (170)
• WordPress (1)
• ЛИРУ (22)
• Оформление текста (2)
• ПЕНСИИ и ЛЬГОТЫ (33)
• ПОСЛОВИЦЫ, ПОГОВОРКИ, ПРИТЧИ и т.д (240)
• АФОРИЗМЫ, ЦИТАТЫ (53)
• ГОРОСКОПЫ (76)
• ЗАГАДКИ И Т.Д. (91)
• ПРАЗДНИКИ (174)
• 1 АПРЕЛЯ (10)
• 23 ФЕВРАЛЯ (9)
• 8 МАРТА (23)
• 9 МАЯ (35)
• ДЕНЬ РОЖДЕНИЯ (15)
• НОВЫЙ ГОД (24)
• СВЯТЫЕ ПРАЗДНИКИ (41)
• ПРИРОДА (408)
• ПТИЦЫ (26)
• ВЕСНА (10)
• НАСЕКОМЫЕ (1)
• Водный мир (23)
• ЗИМА (29)
• ЛЕТО (5)
• ОСЕНЬ (57)
• ФАУНА (137)
• ФЛОРА (31)
• Психология (27)
• РАБОТА С КОМПЬЮТЕРОМ И ИНТЕРНЕТОМ (3942)
• Ватсап, Сипнет и т.д (26)
• Монитор (19)
• Оперативная память (18)
• Linux (7)
• Операционные системы, альтернатива Windows (3)
• Российские операционные системы и компьютеры (2)
• Анонимная операционная система Tails (1)
• Mac OS X (5)
• Office (138)
• WiFi — беспроводная сеть (142)
• Windows 10 (580)
• Windows 7 (397)
• Windows 8 (171)
• Windows ХР (39)
• АНТИВИРУСЫ, ВИРУСЫ (492)
• АРХИВЫ, АРХИВАЦИЯ (33)
• БИОС (14)
• Видиокарта (14)
• ВИРТУАЛЬНЫЕ МАШИНЫ (7)
• Жёсткий диск (96)
• Клавиатура, мышь (141)
• Материнская плата (7)
• Модем, Флешка (136)
• НОУТБУК, ПЛАНШЕТ, ТЕЛЕВИЗОР (169)
• Облачные хранилища файлов (24)
• Обои для рабочего стола (49)
• Операционная Система Windows (139)
• Платежи (4)
• ПРИНТЕР, СКАНЕР (27)
• ПРОГРАММЫ ДЛЯ КОМПЬЮТЕРА (1284)
• Работа с файлами и папками (140)
• РЕЕСТР (32)
• СКАЙП, ВЕБ-КАМЕРА (85)
• РЕФОРМА (14)
• РУКОДЕЛИЕ (197)
• Советы хозяйке (94)
• СМАРТФОН и ТЕЛЕФОН (212)
• СОЦИАЛЬНЫЕ СЕТИ (194)
• Facebook (17)
• Gmail (12)
• Mail.ru (13)
• Twitter (7)
• Yahoo (6)
• В Контакте (28)
• ЛИРУ (17)
• Одноклассники (28)
• Сайты (72)
• Яндекс (10)
• СПОРТ (10)
• СПРАВОЧНИКИ (78)
• СССР (172)
• ТЕХНИКА (18)
• ФОТО (215)
• Как скачать фото (15)
• Фоторамки (5)
• СЛАЙД — ШОУ (28)
• ФОТОАППАРАТ (8)
• ФОТОШОП (315)
• ГЕНЕРАТОРЫ (18)
• КОЛЛАЖИ (8)
• Программы фотошопа (97)
• Уроки по фотошопу (28)
• ФИЛЬТРЫ (7)
• ХУДОЖЕСТВЕННЫЕ ФИЛЬМЫ (70)
• ЭКОНОМИКА (81)
• Налоги (24)
• ЭЛЕКТРОННЫЕ И АУДИКНИГИ (36)
• Создание электронных книг (2)
• ЮМОР (1494)
• МОТИВАТОРЫ и ДЕМОТИВАТОРЫ (396)
• КОТОМАТРИЦА (973)

—Поиск по дневнику

—Подписка по e-mail

—Статистика

Как заставить шрифты в Windows выглядеть как в Mac OS

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

Хотя в Microsoft существует и применяется своя система сглаживания под названием ClearType , всё же многие предпочли бы тот метод, который используется в Mac OS. И помогут нам в этом небольшие утилиты Gdipp и MacType.

Gdipp — это открытый проект независимых разработчиков, который направлен на создание альтернативной технологии рендеринга шрифтов в среде Windows. При этом обеспечивается более гладкое и приятное для глаз начертание шрифтов, подобное тому, что мы видим в Mac OS и некоторых дистрибутивах Linux.

Технология Gdipp поддерживает 32- и 64-битные версии Windows Vista, 7, 8, 8.1. Для тестирования этого способа сглаживания вам необходимо скачать последнюю версию программы с домашнего сайта и установить её как обычное приложение. Следует, однако, иметь в виду, что из-за имеющихся различий со стандартной архитектурой рендеринга Windows отображение шрифтов в некоторых программах может быть некорректным. Про известные проблемы в работе Gdipp и способы их решения вы можете узнать на этой странице.

MacType

Эта программа, как и рассмотренная выше G dipp, имеет в своей основе закрытый ранее проект GDI++. Основная функциональность точно такая же, но есть некоторые дополнительные опции, с помощью которых вы сможете более детально настроить отображение букв.

Установка MacType не отличается от установки любой другой программы в Windows, однако при первом запуске вы увидите японские иероглифы в интерфейсе. Не пугайтесь, в настройках приложения можно переключиться на английский язык. Здесь же вы сможете выбрать один из предустановленных вариантов сглаживания или создать полностью свой, изменяя такие настройки, как тип сглаживания, гамма, контраст, толщина, тень, цветовая температура RGB-сглаживания, углы и так далее.

Судя по отзывам пользователей, работа программ MacType и Gdipp вызывает довольно неоднозначные оценки. Одним вид новых шрифтов чрезвычайно нравится, другие не видят в них ничего особенного и возвращаются к стандартному ClearType. А каково ваше впечатление?