Шрифты которые есть на всех компьютерах
При обновлении с Windows, Windows 8 или Windows 8.1 операционной системы до Windows 10 или Windows 11 некоторые шрифты больше не доступны по умолчанию после обновления. Чтобы уменьшить след операционной системы, повысить производительность и оптимизировать использование дискового пространства, мы переместили многие шрифты, которые ранее поставлялись с предварительными версиями Windows к необязательным функциям Windows клиента. Если вы устанавливаете новый экземпляр Windows клиента или обновляете старую версию Windows до Windows клиента, эти необязательные функции не включены по умолчанию. В результате, данные шрифты отсутствуют в системе.
Если у вас есть документы, созданные с помощью отсутствующих шрифтов, эти документы могут отображаться на Windows клиенте.
Например, если у вас установлена версия Windows 10 на английском, французском, немецком или испанском языке, следующие шрифты могут отсутствовать:
- Gautami
- Meiryo
- Narkism/Batang
- BatangChe
- Dotum
- DotumChe
- Gulim
- GulimChe
- Gungsuh
- GungsuhChe
Если вы хотите использовать эти шрифты, вы можете включить необязательный элемент, чтобы добавить их обратно в систему. Это постоянное изменение поведения Windows клиента, и оно останется таким в будущих выпусках.
Шрифты в составе необязательных компонентов шрифтов
Ниже приведен полный список семейств шрифтов в каждом необязательно компоненте. В некоторых семействах может быть несколько шрифтов с разной насыщенностью и стилем.
Пять лет назад мы в МойОфис выпустили собственный набор шрифтов XO Fonts. Сегодня в нем 11 шрифтов и 24 начертаний. Они помогают заменить иностранные проприетарные шрифты и предназначены для корректного отображения ранее созданных документов при работе на компьютерах с российскими операционными системами. Тем не менее, область применения XO Fonts не ограничена только этой задачей — благодаря открытой лицензии шрифты могут бесплатно загрузить любые пользователи и сторонние разработчики.
Специально для Хабра я подготовил статью про развитие компьютерных шрифтов с 1984 года по наши дни. Из неё вы узнаете, что такое TrueType и хинты, почему Adobe долгое время была лидером на рынке компьютерных шрифтов, что означает фраза «писать углем» и зачем в 2021 году в России был изменен ГОСТ о требованиях к оформлению документов.
Хабр, привет! Я — Дмитрий Комиссаров, генеральный директор и основатель МойОфис. Мы производим офисное программное обеспечение для совместной работы с документами и коммуникаций. Приложения МойОфис разработаны в России, совместимы со всеми популярными операционными системами и аппаратными комплексами, в том числе с отечественными платформами АО «Байкал Электроникс» и АО «МЦСТ».
Я часто пишу статьи для СМИ, особенно на резонансные темы, такие как предустановка российских приложений. Полный список моих статей вы найдете в личном блоге, а сейчас предлагаю вернуться к разговору о шрифтах.
В поисках Web-безопасных шрифтов
В интернете исторически сложилось такое понятие как «безопасные» Web-шрифты. Безопасным шрифтом можно назвать такой шрифт, который является стандартным для всех операционных систем. Поскольку о таком положении дел остается только мечтать, то абсолютно безопасных шрифтов не существует!
Отдельные шрифты можно назвать безопасными с некоторыми оговорками.
Основой для определения «безопасных» шрифтов послужили шрифты наиболее распространенной операционной системы Windows, которые кроме того используются в других ОС. Примером такого использования служит уже упоминавшийся пакет шрифтов Core fonts for the Web, который, согласно статистике, скачало множество пользователей Unix/Linux.
В это пакет входят следующие шрифты: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Все они поддерживают кириллицу, что немаловажно для рунета.
В набор шрифтов входящих в стандартную поставку Mac OS X (эта ОС имеет наибольшее распространение среди пользователей Mac OS) входят все шрифты набора Core fonts for the Web.
Таким образом на основе шрифтов Windows, использующихся в других ОС сформировался следующий список так называемых «безопасных» Web-шрифтов:
- Arial
- Arial Black
- Comic Sans MS
- Courier New
- Georgia
- Impact
- Times New Roman
- Trebuchet MS
- Verdana
Шрифт Webdings содержит набор пиктограмм, поэтому не может использоваться для контента. Andale Mono не получает широкого применения, поскольку плохо годится для повседневного чтения текста с экрана и есть не у всех пользователей Windows.
Все эти шрифты есть у каждого пользователя Windows, Mac OS X и у подавляющего большинства пользователей Unix/Linux (т.е. у тех, которые установили у себя пакет Core fonts for the Web).
А как же быть с остальными? Ведь хочется, чтобы замысел дизайнера увидело как можно большее число пользователей!
Чем отличаются метрические аналоги от проприетарных шрифтов
Основная проблема создания метрических аналогов — сохранить знакоместа букв, не копируя чужие шрифты. Художники рисуют похожую гарнитуру в той же размерности, но выглядит она по-другому: у нее другие засечки, другая толщина линий, может отличаться геометрия букв.
Метрический аналог шрифта при замене занимает ровно столько же места, что и исходный, и верстка документов при корректной замене не «плывет». Это касается всех начертаний шрифта: жирный, курсив, жирный курсив. Для обновления подавляющей части документов — фирменных бланков, таблиц, презентаций — достаточно минимального набора. В него нужно включить хотя бы по одному шрифту каждого семейства: рубленый, с засечками, моноширинный, символьный, а еще минимум один шрифт с суженым начертанием.
Какие шрифты нужно использовать по требованиям ГОСТ
Буквально спустя два года после выхода первой версии XO Fonts, в ГОСТ Р 7.0.97-2016 были внесены изменения, которые прекратили действие рекомендации по использованию проприетарных шрифтов Times New Roman и Arial. Теперь там в п. 3.3 написано «Для создания документов необходимо использовать свободно распространяемые бесплатные шрифты». А в феврале 2021 года Росстандарт, ориентируясь на импортонезависимые решения, внес изменения и в ГОСТ по оформлению технической документации. Теперь госорганам и госкорпорациям рекомендовано использовать в документообороте «свободно распространяемые» гарнитуры.
Так на уровне государства дан зеленый свет бесплатным отечественным шрифтам. Очевидно, что интерес к ним будет расти не только со стороны разработчиков, но и со стороны пользователей. Поэтому наша работа над XO Fonts еще точно не завершена.
Установка необязательных шрифтов вручную без изменения языковых параметров.
Если вы хотите использовать шрифты в необязательном компоненте, но вам не требуется просматривать веб-страницы, редактировать документы или использовать приложения на соответствующем языке, вы можете вручную установить необязательные компоненты шрифтов без изменения языковых параметров.
В качестве примера ниже приведены шаги по установке шрифтов для иврита без добавления самого иврита в языковые параметры.
Выберите Начните > Параметры.
В Параметры выберите Приложения, выберите функции & приложения и выберите управление необязательными функциями.
Если в списке установленных **** функций нет дополнительных шрифтов на иврите, выберите знак плюс (+) для добавления функции.
Выберите дополнительные шрифты иврита в списке, а затем установите .
Необязательные функции устанавливаются Windows Update. Для работы Центра обновления Windows требуется подключение к Интернету.
Как появились компьютерные шрифты
Пожалуй, история компьютерных шрифтов началась с выходом в 1984 году Apple Macintosh — первого массового компьютера с графическим пользовательским интерфейсом вместо командной строки. В тот момент стало очевидно, что нужно разрабатывать шрифтовые стандарты специально для компьютеров. Так перед дизайнерами, разработчиками и владельцами компаний-производителей техники открылось огромное пространство для создания и развития шрифтов для экранов.
Системным шрифтом первых Macintosh стала растровая гарнитура Chicago от Сьюзан Каре —американской художницы и дизайнера, которая в 1980-х годах XX века создала множество графических элементов в интерфейсе Apple, Windows и IBM. Chicago оказался настолько удачным, что использовался в качестве основного шрифта в операционной системе Macintosh вплоть до 1997 года и стал важной частью фирменного стиля всего бренда Apple.
Как я уже сказал, на старте своего развития шрифты в Macintosh, да и любом другом компьютере, были растровыми. Это означает, что контуры начертания букв хранились в виде прямоугольных матриц из точек-пикселей. При попытке масштабировать такой шрифт качество изображения резко ухудшалось, поэтому для того, чтобы иметь возможность работать со шрифтами разных кеглей, приходилось разрабатывать и хранить матрицы всех требуемых начертаний и размеров.
Существует и другой метод построения шрифта – контурный (или как еще говорят векторный), основанный на математическом описании контура и геометрии символов. Такое описание универсально и позволяет без потери качества масштабировать и модифицировать (например, наклонить или выделить жирным) буквы.
Установка языковых компонентов через языковые параметры
Если вы хотите использовать шрифты из необязательного компонента и просматривать веб-страницы, редактировать документы или использовать приложения на языке, связанном с данным компонентом, добавьте этот язык в ваш профиль пользователя. Используйте приложение Параметры.
Например, ниже указаны шаги для установки шрифтов для иврита.
Выберите Начните > Параметры.
В Параметры выберите язык Time &, а затем выберите язык Region &.
Если иврит не включен в список языков, выберите знак плюс (+) для добавления языка.
Найдите иврит, а затем выберите его, чтобы добавить его в список языков.
После добавления иврита в список языков устанавливаются необязательный компонент шрифта для иврита и другие необязательные компоненты для поддержки иврита. Этот процесс должен занять всего несколько минут.
Необязательные функции устанавливаются Windows Update. Для работы Центра обновления Windows требуется подключение к Интернету.
Serif и Sans Serif
Гарнитуры — это либо засечек, либо Sans Serif. Засечка означает небольшие повороты, которые часто завершают штрихи букв в шрифте. У гарнитуры Sans Serif нет засечек.
Шрифты поддерживающие кириллицу
Специфической особенностью рунета является проблема с кодировками страниц и поддержкой кириллицы в шрифтах. Чтобы не возникало проблем с разнообразными кодировками символов, умные люди придумали 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-страниц по умолчанию.
Кроме того, что в таблице учитываются шрифты 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 |
Стандартные шрифты
Для того, чтобы страничка могла отображаться так, как задумал дизайнер, в любой операционной системе, существует возможность в CSS свойстве font-family задавать несколько шрифтов, перечисленных через запятую.
Это свойство специфицирует приоритетный список имен семейств шрифтов и/или названий родовых семейств. Согласно спецификации CSS2 есть два типа имен семейств шрифтов:
- Имя семейства шрифтов по выбору. Например «Times new Roman», «Arial» и другие. Имена семейств шрифтов, содержащие пробелы, должны заключаться в кавычки. Если кавычки отсутствуют, любые символы пробела до и после имени шрифта игнорируются, а любая последовательность пробелов внутри имени шрифта конвертируется в одиночный пробел.
- Родовое (общее) семейство. В спецификации определены следующие родовые семейства:
- serif — шрифты с засечками на концах;
- sans-serif — шрифты без засечек;
- cursive — шрифты курсивного начертания;
- fantasy — декоративные шрифты;
- monospace — моноширинный шрифт(с буквами одинаковой ширины).
Имена родовых семейств являются ключевыми словами и не обязательно должны заключаться в кавычки.
Таким образом для дизайна берется стандартный шрифт из OS Windows, подбирается к нему похожий для Mac OS и Unix/Linux, задается общее семейство шрифтов и готово.
Но не все так просто. Покопаем детальнее.
Кто, когда и зачем создал контурный шрифт PostScript
Важным витком эволюции компьютерных шрифтов стал новый язык контурного описания объектов, в том числе и шрифтов — PostScript, который был разработан американской компанией Adobe в 1982 году. На его основе Adobe начала создавать свои шрифтовые гарнитуры, которые впервые стали использовать в Apple, а затем массово и в других компаниях.
Постскриптум
В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем Windows (фактически начиная с Windows 98), и их эквиваленты в Mac OS. Такие шрифты иногда называют «безопасными шрифтами для браузеров» (browser safe fonts). Это небольшой справочник, которым я пользуюсь, когда делаю Web-страницы и думаю, что он будет полезен и Вам.
Если Вы новичок в web-дизайне, то может быть думаете что-нибудь типа: «Почему это я должен ограничиваться таким небольшим набором шрифтов? У меня есть огромная коллекция прекрасных шрифтов!» Дело в том, что браузер посетителя может отобразить только те шрифты, которые установлены в его операционной системе (прим. переводчика: в настоящее время уже есть возможность применять фактически любые шрифты при оформлении страниц используя CSS 3 и его новое свойство @font-face; правда, поддерживают эту функцию пока ещё далеко не все браузеры), а это означает, что каждый посетитель Вашей страницы должен быть обладателем выбранных Вами шрифтов. Поэтому Вы должны использовать только те шрифты, которые есть в каждой операционной системе. К счастью, в CSS есть свойство @font-family, облегчающее эту задачу.
Список
Значение @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 MS 5 | cursive |
"Courier New", Courier, monospace | Courier New | Courier New, Courier 6 | monospace |
Georgia, serif | Georgia 1 | Georgia | serif |
Impact,Charcoal, sans-serif | Impact | Impact 5 , Charcoal 6 | sans-serif |
"Lucida Console", Monaco, monospace | Lucida Console | Monaco 5 | monospace |
"Lucida Sans Unicode", "Lucida Grande", sans-serif | Lucida Sans Unicode | Lucida Grande | sans-serif |
"Palatino Linotype", "Book Antiqua", Palatino, serif | Palatino Linotype, Book Antiqua 3 | Palatino 6 | 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 MS 1 | Helvetica | sans-serif |
Verdana, Geneva, sans-serif | Verdana | Verdana, Geneva | sans-serif |
Symbol | Symbol 2 | Symbol 2 | - |
Webdings | Webdings 2 | Webdings 2 | - |
Wingdings, "Zapf Dingbats" | Wingdings 2 | Zapf Dingbats 2 | - |
"MS Sans Serif", Geneva, sans-serif | MS Sans Serif 4 | Geneva | sans-serif |
"MS Serif", "New York", serif | MS Serif 4 | New York 6 | 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 за подсказку).
Начиная верстать макет, необходимо в частности указать в CSS используемые на странице шрифты. Зачастую различными шрифтами дизайнер набирает не только основной текст страницы, но и разнообразные заголовки, логотипы, вензеля.
Хороший дизайнер, как и хороший верстальщик, знает, что браузер может использовать для отображения страницы только те шрифты, которые установлены на компьютере у пользователя. То есть шрифты можно условно разделить на две категории:
- Шрифты, которые без проблем отобразятся у подавляющего большинства пользователей.
- Шрифты, которые у достаточно большой группы пользователей отсутствуют.
Если дизайнер использовал шрифты второй категории для создания, наример, логотипа или крупных статичных заголовков, можно не колеблясь использовать прием замены текста картинкой. Недостаток применения этого приема — негибкость. В случае изменений в тексте придется переделывать картинку и менять CSS (например, если размеры новой картинки не совпадут со старой).
Но как же отличить шрифты первой группы от второй? Ясно что на набор шрифтов, установленный непосредственно на твоем компьютере опираться нельзя! Давайте разбираться.
А если без кириллицы?
Для англоязычных текстов вышеприведенные таблицы имеют несколько другой вид.
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 (см. пояснение выше).
это руководство по проектированию было создано для Windows 7 и не обновлялось для более новых версий Windows. Многие рекомендации по-прежнему применяются в принципе, но презентация и примеры не соответствуют нашим текущим руководствам по проектированию.
Пользователи взаимодействуют с текстом больше, чем с любым другим элементом в Microsoft Windows. Segoe UI (произносится «см.») — это системный шрифт Windows. Стандартный размер шрифта был увеличен до 9 пунктов.
Segoe UI и Segoe имеют разные шрифты. Segoe UI — это Windows шрифт, предназначенный для текстовых строк пользовательского интерфейса. Программа Segoe — это шрифт фирменной символики, используемый корпорацией Майкрософт и партнерами для создания материалов для печати и рекламы.
Segoe UI является подходом, открытым и понятным шрифтом, и в результате обеспечивает лучшую удобочитаемость, чем Tahoma, Microsoft Sans Serif и Arial. Он имеет характеристики хуманист Sans Serif: разное значение ширины прописных букв (узкие E и S, например, по сравнению с Helvetica, где ширина больше одинакова, чем в ширину); нагрузка и леттерформс в нижнем регистре; и его истинный курсив (а не «наклонный» или наклонный Roman, такой как многие отраслевые засечек. Шрифт предназначен для того, чтобы дать тот же визуальный результат на экран и в печатную страницу. Она была разработана как хуманист Sans без засечек, без строгого символа или нелегкости.
Segoe UI оптимизирован для технологии ClearType, которая по умолчанию включена в Windows. Если технология ClearType включена, Segoe UI является элегантным, удобочитаемым шрифтом. Без поддержки технологии ClearType Segoe UI приемлемо только для полей. Этот фактор определяет, когда следует использовать Segoe UI.
Segoe UI содержит символы латинского, греческого, кириллицы и арабского алфавита. Существуют новые шрифты, оптимизированные для ClearType, созданные для других наборов символов и использования. К ним относятся Меирйо для японского, Малгун Gothic for корейский, Microsoft Жхенгхеи для китайского языка (традиционное письмо), Microsoft Яхеи для китайского языка (упрощенное письмо), ГИША для иврита и Лилавади для тайского языка, а также шрифты коллекций ClearType, предназначенные для использования в документах.
Меирйо включает латинские символы, основанные на Verdana. Малгун Gothic, Microsoft Жхенгхеи и Microsoft Яхеи используют настроенные Segoe UI. Использование курсивных версий этих шрифтов не рекомендуется. Малгун Gothic, Microsoft Жхенгхеи и Microsoft Яхеи предоставляются только обычными и полужирными стилями, то есть символы курсива синтезированы с помощью наклона вертикальных стилей. Несмотря на то, что Меирйо включает курсив и полужирный курсив, эти стили применяются только к символам латиницы, а японские символы остаются вертикальными, когда применяется курсивный стиль.
В пользовательском интерфейсе Ribbon (ленты ) рекомендуется использовать разновидность меирйо, ИМЕНУЕМую интерфейсом меирйо.
Для поддержки языков, использующих эти наборы символов, Segoe UI заменяется правильными шрифтами в зависимости от каждого языкового стандарта в процессе локализации .
чтобы лицензировать Segoe UI и другие шрифты майкрософт для распространения с помощью программы на основе Windows, обращайтесь к нестрогому типу.
Примечание. Рекомендации, связанные с стилем, тоном и текстом пользовательского интерфейса , представлены в отдельных статьях.
Шрифты, гарнитуры, размеры точек и атрибуты
В традиционном типографии шрифт описывает сочетание гарнитуры, размера точки и атрибутов. Шрифт — это вид шрифта. Segoe UI, Tahoma, Verdana и Arial — это все гарнитуры. Размер точки означает размер шрифта, измеряемый от верхнего края до нижнего края нижних выносных элементов, минус внутренние пробелы (ведущие). Точка приблизительно 1/72 дюйма. Наконец, шрифт может иметь атрибуты полужирного или курсива.
Неформально люди часто используют шрифт вместо гарнитуры, как это сделано в этой статье, но технически, Segoe UI является гарнитурой, а не шрифтом. Каждое сочетание атрибутов является уникальным шрифтом (например, 9-точечная Segoe UI обычная, 10 пунктов Segoe UI полужирным шрифтом и т. д.).
аффорданцес
Для указания способа использования текста может использоваться следующая аффорданцес :
- Вид. Указатель I («Text SELECT») указывает, что текст является выбираемым, а стрелка влево («нормальный выбор») указывает на то, что текст не является.
- Курсор. Когда текст имеет фокус ввода, курсор является мигающий вертикальной линией, которая указывает точку вставки и выбора в выделенном или редактируемом тексте.
- Box. Прямоугольник вокруг текста, указывающий, что он доступен для редактирования. Чтобы уменьшить вес презентации, поле может отображаться динамически, только если выбраны доступные для редактирования тексты.
- Цвет переднего плана. Светло-серый цвет означает, что текст отключен. Цвета, отличные от серого, особенно синие и фиолетовые, указывают на то, что текст является ссылкой.
- Цвет фона. Светло-серый фон ненадежно предполагает, что текст доступен только для чтения, но на практике текст, предназначенный только для чтения, может иметь любой цветовой фон.
Эти аффорданцес объединяются для следующих значений:
- Редактирования. Текст, отображаемый в рамке с указателем на выделение текста, курсором (на фокусе ввода) и обычно на белом фоне.
- Доступен только для чтения, выбираемый. Текст с указателем SELECT и курсором (на фокусе ввода).
- Только для чтения, без выбора. Текст с указателем на стрелку.
- Отключены. Светло-серый текст с указателем на стрелку, иногда на сером фоне.
Текст только для чтения обычно имеет серый фон, но серый фон не требуется. На самом деле, серый фон может оказаться нежелательным, особенно для больших блоков текста, так как предполагается, что текст отключен и не рекомендует читаться.
Зачем нужны метрические аналоги проприетарных шрифтов
Многие знают, но мало кто реально задумывается, что шрифты популярных операционных систем являются проприетарными. Как правило, пока пользователь существует в рамках замкнутой экосистемы из иностранной операционной системы, офисного и прикладного ПО, он не сильно беспокоится вопросами лицензирования шрифтов — он создает документы, работает с ними и взаимодействует с другими такими же пользователями. Но привычная картина мира меняется ровно в тот момент, когда организация, в которой работает пользователь, задумывается о переходе на другие программные продукты.
С середины 2000-х, когда в России начался бум создания электронных документов, многие коммерческие структуры накопили огромный массив актуальных и по сей день документов — внутренние распоряжения, приказы, письма, шаблоны и многое другое было создано в иностранных редакторах с помощью проприетарных шрифтов фирмы Monotype.
Сегодня же активно распространяются альтернативные ОС, а также появились новые офисные приложения на мобильных платформах iOS и Android. В результате, работа с такими документами превратилась в настоящую проблему. Если пользователь открывает такие файлы на компьютере, где эти шрифты не были установлены, то операционной системе или офисному ПО приходится заменять их другими, доступными. В результате вся структура текста, его разметка и верстка «разъезжаются», и документ теряет свой первозданный вид.
Применение так называемых метрических аналогов помогает решить эту проблему. Набор XO Fonts позволяет отображать документы, созданные с использованием популярных проприетарных шрифтов, без искажений и нарушений структуры документов: количество строк, расположение таблиц и заголовков остается неизменным. Подробнее о том, как мы создавали свой шрифт можно почитать здесь.
Специальные возможности и системные шрифты, размеры и цвета
Рекомендации по обеспечению доступа к тексту для пользователей с ограниченными возможностями или нарушениями можно переносить до одного простого правила: учитывать параметры пользователя, всегда используя системные шрифты, размеры и цвета.
Если вы выполняете только одно действие.
Чтобы учитывать параметры пользователя, всегда используйте системный шрифт, размеры и цвета.
Разработчики: Из кода можно определить свойства системного шрифта (включая его размер) с помощью функции API Жетсемефонт. Системные цвета можно определить с помощью функции API Жетсемесисколор.
Так как вы не можете делать никаких предположений о параметрах системной темы пользователей, необходимо:
- Всегда выключайте цвета и фон шрифта из системных цветов темы. Никогда не делайте собственные цвета на основе фиксированных значений RGB (красного, зеленого, синего).
- Всегда сопоставлять цвета системного текста с соответствующими цветами фона. Например, если выбрать цвет _ статиктекст для цвета текста, необходимо также выбрать цвет _ фона для фонового цвета.
- Всегда создавайте новые шрифты на основе пропорциональных вариаций системного шрифта. Учитывая метрики системного шрифта, можно создавать полужирные, курсивные, большие и небольшие вариации.
Простой способ убедиться, что программа учитывает параметры пользователей, — это тестирование с использованием другого размера шрифта и цветовой схемы с высокой контрастностью. Весь текст должен быть изменен и правильно отображен в выбранной цветовой схеме.
Принципы проектирования
Контраст
Текст проще читать, если между яркостью текста и фоном есть большая разница. Черный текст на белом фоне обеспечивает высокую контрастность с самого темного текста на очень светлом фоне. Это сочетание лучше подходит для основных областей пользовательского интерфейса.
Светлый текст на темном фоне обеспечивает хорошую контрастность, но не так хорошо, как темный текст на светлом фоне. Это сочетание хорошо подходит для вспомогательных областей пользовательского интерфейса, таких как панели задач обозревателя, которые нужно отменить относительно основных поверхностей пользовательского интерфейса.
Если вы хотите убедиться, что пользователи читают текст, используйте темный текст на светлом фоне.
ИТ-лидеры делают хинтинг открытым
Между тем компьютеры все чаще стали использовать для работы с документами — росла потребность получать при печати тексты, написанные качественным шрифтом без заломов и грубых контуров. Тогда Apple и Microsoft стали искать альтернативные способы реализации масштабируемых (контурных) шрифтов и в 1991 году совместно создали полностью открытую спецификацию TrueType, которая была реализовала в операционных системах MacOS и Windows 3.1. В TrueType была использована альтернативная технология хинтинга, и Adobe, владевшая проприетарными шрифтами, была вынуждена сделать свою технологию также полностью свободной.
Формат TrueType при всем своем удобстве не был оптимальным: он требовал огромных затрат при создании и описании всей необходимой информации о построении шрифтов. Поэтому в 1996 году зародилось совместное решение Adobe и Microsoft — новый формат контурных шрифтов OpenType. Он был построен на базе двух «конкурентов» — TrueType и PostScript и имел гораздо больше возможностей допечатной подготовки. Именно он получил наибольшее распространение: шрифты формата OpenType сегодня мы видим и на Linux, и на Windows, и на macOS.
Apple и Microsoft меняют шрифты интерфейсов
Давайте вернемся к Сьюзан Каре и ее шрифту Chicago. Как я уже сказал, эта гарнитура была основной в качестве пользовательского интерфейса до 1997 года и обрела большое число поклонников среди пользователей Apple, и даже в наше время можно найти гиков Chicago. Затем этот шрифт сменил Charcoal (англ. древесный уголь), разработанный Дэвидом Берлоу из Front Bureau — известного дизайн-бюро из Бостона. «Углем» писали вплоть до 2000 года. Он был создан специально для цифрового использования, но затем эти буквы с увеличенной X-высотой стали все чаще встречаться и в печати. А с 2000 года и последующие 14 лет пользователи интерфейсов Apple видели уже шрифты Lucida Grande и Helvetica.
В то же время менялись и шрифты пользовательского интерфейса у Microsoft. От MS Sans Serif, который использовали в самых ранних версиях MS Windows, компания перешла к Tahoma и Verdana (последний был оптимизирован для отображения литер на экранах низкого разрешения), которые впервые применили в Windows 95. Начиная с Windows 7 и до сих пор в качестве шрифта интерфейса используется семейство Segoe .
Настоящая революция в шрифтах интерфейса произошла в 2014 году, когда компания Apple представила San Francisco. Это большое семейство шрифтов, которое было разработано специально и для экрана высокого разрешения, и для печати — в обоих случаях буквы выглядят четко. Любопытно, что изначально шрифт San Francisco был использован в интерфейсе Apple Watch, то есть он остается разборчивым и удобным для чтения даже на экране размером чуть больше спичечного коробка.
Все эти изменения системных шрифтов происходят не только из-за смены трендов в дизайне или улучшения качества экранов техники. Разработчики ПО опираются на многочисленные и многостраничные исследования восприятия человеком тех или иных начертаний литер и самостоятельно проводят регулярные тестирования юзабилити шрифтов пользовательского интерфейса.
Читайте также: