Шрифты, общие для всех (актуальных) версий Windows, и их Mac-эквиваленты
Введение
В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем Windows (фактически начиная с Windows 98), и их эквиваленты в Mac OS. Такие шрифты иногда называют «безопасными шрифтами для браузеров» (browser safe fonts). Это небольшой справочник, которым я пользуюсь, когда делаю Web-страницы и думаю, что он будет полезен и Вам.
Если Вы новичок в web-дизайне, то может быть думаете что-нибудь типа: «Почему это я должен ограничиваться таким небольшим набором шрифтов? У меня есть огромная коллекция прекрасных шрифтов!» Дело в том, что браузер посетителя может отобразить только те шрифты, которые установлены в его операционной системе (прим. переводчика: в настоящее время уже есть возможность применять фактически любые шрифты при оформлении страниц используя CSS 3 и его новое свойство @font-face; правда, поддерживают эту функцию пока ещё далеко не все браузеры), а это означает, что каждый посетитель Вашей страницы должен быть обладателем выбранных Вами шрифтов. Поэтому Вы должны использовать только те шрифты, которые есть в каждой операционной системе. К счастью, в CSS есть свойство @font-family, облегчающее эту задачу.
Список
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-инсталляции
Microsoft представила новый шрифт интерфейса Windows 10
Новый шрифт интерфейса Windows 10 по умолчанию под названием Segoe UI Variable.
6 мая 2021 года Microsoft объявила, что в тестовой предварительной сборке Windows 10 Insider Preview Build 21376 для участников программы Windows Insider появился новый шрифт интерфейса Windows 10 по умолчанию под названием Segoe UI Variable.
Microsoft пояснила, что Segoe UI Variable — это обновленный вариант классического шрифта Segoe, который ранее долгие годы использовался в ОС Windows и других приложениях, созданных компанией. В новом шрифте усовершенствована разборчивость текста при малых размерах и значительно улучшены его контуры, что позволяет плавно масштабировать шрифт и использовать его под разные размеры дисплеев пользователей.
Шрифт Segoe изначально был разработан Microsoft для использования с размером 9pt (12px). Он теряет выразительность при использования на больших размерах и становится нечетким при меньших размерах.
Вариативный шрифт Segoe UI Variable может динамически масштабироваться, что обеспечивает ему отличную читаемость в широком диапазоне размеров от очень маленького до очень большого.
Microsoft уточнила, что в новой тестовой сборке Windows 10 использует Segoe UI Variable для некоторых элементов и еще продолжает адаптировать его для остальных визуальных частей операционной системы. Компания будет постепенно его развертывать далее внутри новых сборок.
28 апреля Microsoft объявила, что в 2022 году поменяет шрифт по умолчанию в Microsoft Office. Вместо Calibri, который 14 лет последних лет (с 2007 года) заменяет на этой позиции Times New Roman, пользователям предлагается выбрать один из пяти новых шрифтов: Bierstadt, Grandview, Seaford, Skeena и Tenorite.
Шрифты
это руководство по проектированию было создано для 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 и другие шрифты майкрософт для распространения с помощью программы на основе Windows, обращайтесь к нестрогому типу.
Принципы проектирования
Шрифты, гарнитуры, размеры точек и атрибуты
В традиционном типографии шрифт описывает сочетание гарнитуры, размера точки и атрибутов. Шрифт — это вид шрифта. Segoe UI, Tahoma, Verdana и Arial — это все гарнитуры. Размер точки означает размер шрифта, измеряемый от верхнего края до нижнего края нижних выносных элементов, минус внутренние пробелы (ведущие). Точка приблизительно 1/72 дюйма. Наконец, шрифт может иметь атрибуты полужирного или курсива.
Неформально люди часто используют шрифт вместо гарнитуры, как это сделано в этой статье, но технически, Segoe UI является гарнитурой, а не шрифтом. Каждое сочетание атрибутов является уникальным шрифтом (например, 9-точечная Segoe UI обычная, 10 пунктов Segoe UI полужирным шрифтом и т. д.).
Serif и Sans Serif
Гарнитуры — это либо засечек, либо Sans Serif. Засечка означает небольшие повороты, которые часто завершают штрихи букв в шрифте. У гарнитуры Sans Serif нет засечек.
Читатели обычно предпочитают использовать шрифты с засечками в качестве основного текста в документе. Засечек — это некоторая формализация и элегантность документа. Для текста пользовательского интерфейса потребность в чистом внешнем представлении и более низком разрешении мониторов компьютеров делает шрифты без засечек более удобным выбором.
Контраст
Текст проще читать, если между яркостью текста и фоном есть большая разница. Черный текст на белом фоне обеспечивает высокую контрастность с самого темного текста на очень светлом фоне. Это сочетание лучше подходит для основных областей пользовательского интерфейса.
Светлый текст на темном фоне обеспечивает хорошую контрастность, но не так хорошо, как темный текст на светлом фоне. Это сочетание хорошо подходит для вспомогательных областей пользовательского интерфейса, таких как панели задач обозревателя, которые нужно отменить относительно основных поверхностей пользовательского интерфейса.
Если вы хотите убедиться, что пользователи читают текст, используйте темный текст на светлом фоне.
аффорданцес
Для указания способа использования текста может использоваться следующая аффорданцес :
Эти аффорданцес объединяются для следующих значений:
Текст только для чтения обычно имеет серый фон, но серый фон не требуется. На самом деле, серый фон может оказаться нежелательным, особенно для больших блоков текста, так как предполагается, что текст отключен и не рекомендует читаться.
Специальные возможности и системные шрифты, размеры и цвета
Рекомендации по обеспечению доступа к тексту для пользователей с ограниченными возможностями или нарушениями можно переносить до одного простого правила: учитывать параметры пользователя, всегда используя системные шрифты, размеры и цвета.
Если вы выполняете только одно действие.
Чтобы учитывать параметры пользователя, всегда используйте системный шрифт, размеры и цвета.
Разработчики: Из кода можно определить свойства системного шрифта (включая его размер) с помощью функции API Жетсемефонт. Системные цвета можно определить с помощью функции API Жетсемесисколор.
Так как вы не можете делать никаких предположений о параметрах системной темы пользователей, необходимо:
Простой способ убедиться, что программа учитывает параметры пользователей, — это тестирование с использованием другого размера шрифта и цветовой схемы с высокой контрастностью. Весь текст должен быть изменен и правильно отображен в выбранной цветовой схеме.
Варианты использования
В тексте используется несколько шаблонов использования:
Как изменить системный шрифт по умолчанию в Windows 10
Системный шрифт Windows 10 по умолчанию, Segoe UI, выглядит довольно красиво. Однако, если у вас есть что-то получше, чтобы заменить его, вы можете изменить системный шрифт по умолчанию на своём ПК с Windows 10. Мы покажем вам, как это сделать.
Как изменить системный шрифт по умолчанию с помощью редактора реестра
На момент написания статьи в марте 2021 года ни в Настройках, ни в Панели управления нет возможности изменить системный шрифт по умолчанию. Это означает, что вам нужно полагаться на редактирование реестра, чтобы изменить шрифт по умолчанию на вашем компьютере.
К счастью, это легко сделать. Вам нужно создать файл изменения ключа реестра, добавить в него имя нового шрифта и запустить файл, чтобы изменить шрифт Windows 10 по умолчанию.
Для начала вам нужно знать официальное название шрифта, который вы хотите установить в качестве системного шрифта по умолчанию. Вы можете найти это имя в приложении «Параметры».
Откройте меню «Пуск», найдите «Параметры» и щёлкните первый результат. Вы также можете нажать Windows+i, чтобы быстро открыть окно настроек.
В Параметрах нажмите «Персонализация», затем выберите «Шрифты» на левой боковой панели.
На правой панели найдите шрифт, который вы хотите установить по умолчанию, и щёлкните имя шрифта.
В верхней части экрана вы можете увидеть официальное название вашего шрифта. Обратите внимание на это имя.
Теперь вам нужно создать файл для изменения реестра, который добавит этот шрифт в реестр Windows. Вы можете использовать текстовый редактор, например Блокнот, для модификации реестра.
Для начала откройте меню «Пуск», найдите «Блокнот» и щёлкните первый результат.
Скопируйте следующий код и вставьте его в новый документ Блокнота. Затем замените «NEW-FONT» в коде на имя шрифта, который вы отметили ранее. Убедитесь, что вы заключили имя шрифта в двойные кавычки, как уже показано в коде.
В Блокноте щёлкните Файл → Сохранить как. Затем введите имя, а затем «.reg» в поле «Имя файла». Например, чтобы сохранить файл как «mynewfont», введите «mynewfont.reg». Выберите «Все файлы» в раскрывающемся меню «Тип файла», выберите место для сохранения файла и нажмите «Сохранить».
Откройте папку, в которой вы сохранили недавно созданный файл. Щёлкните этот файл правой кнопкой мыши и выберите «Слияние». Это добавит значения из вашего файла в реестр Windows.
Нажмите «Да» в запросе, затем нажмите «Да» ещё раз, чтобы добавить новые значения в реестр Windows.
Наконец, нажмите меню «Пуск», выберите значок питания и выберите «Перезагрузка», чтобы перезагрузить компьютер. После этого ваши изменения вступят в силу.
Когда ваш компьютер загрузится, вы обнаружите, что выбранный вами шрифт теперь является шрифтом по умолчанию почти для всех панелей и инструментов Windows.
Чтобы использовать другой шрифт в качестве шрифта по умолчанию, щёлкните правой кнопкой мыши свой файл для внесения изменений в реестр и выберите «Изменить».
Замените имя текущего шрифта новым именем шрифта и нажмите «Файл» → «Сохранить», чтобы сохранить файл.
Затем щёлкните файл правой кнопкой мыши и выберите «Объединить», а затем «Да» (дважды), чтобы изменить шрифт по умолчанию.
Как вернуться к исходному шрифту по умолчанию в Windows 10
Чтобы сбросить изменения и использовать исходный шрифт по умолчанию на вашем ПК, вам просто нужно создать ещё один файл для изменения реестра и ввести в него определённый код (код приведён ниже). Для возврата исходного шрифта нам достаточно сделать несколько щелчков мышью.
Для этого откройте меню «Пуск», найдите «Блокнот» и запустите его.
Скопируйте следующий текст и вставьте его в новый документ Блокнота. Вам не нужно вносить какие-либо изменения в этот текст.
Щёлкните Файл → Сохранить как в Блокноте, чтобы сохранить файл с новыми значениями реестра. Затем введите имя, а затем «.reg» в поле «Имя файла». В раскрывающемся списке «Тип файла» выберите «Все файлы» и нажмите «Сохранить».
Используйте проводник, чтобы найти недавно созданный файл. Щёлкните этот файл правой кнопкой мыши и выберите «Объединить», либо просто запустите его двойным кликом.
Нажмите «Да» в обоих запросах на экране, чтобы добавить шрифт по умолчанию в реестр.
Наконец, перезагрузите компьютер, и теперь у вас есть исходный шрифт по умолчанию на вашем компьютере.
Помимо Windows, вы также можете изменить шрифт по умолчанию в своих браузерах. Возможно, вы захотите сделать это, чтобы шрифты во всех приложениях были единообразными.
Список стандартных шрифтов Windows
Каждый дизайнер постоянно использует в своей работе различные шрифты для отображения текстовой информации. Обычно, при выборе шрифта ему приходится принимать во внимание не только привлекательность или читабельность гарнитуры, но и множество технических параметров.
Например, большинство типографий не примут документ, сверстанный с использованием системных шрифтов. Это связано с тем, что стандартные шрифты могут несколько отличаться в разных версиях Windows.
А вот при разработке веб-страницы, напротив, следует выбирать шрифт из набора стандартных. Ниже приведена таблица присутствия базовых шрифтов в стандартной поставке разных версий Windows.
| Название шрифта | Win95 | WinNT | Win98 | Win2000 | WinMe | WinXP |
|---|---|---|---|---|---|---|
| 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.