Fonts

This design guide was created for Windows 7 and has not been updated for newer versions of Windows. Much of the guidance still applies in principle, but the presentation and examples do not reflect our current design guidance.

Users interact with text more than with any other element in Microsoft Windows. Segoe UI (pronounced «SEE-go») is the Windows system font. The standard font size has been increased to 9 point.

The Segoe UI font.

Segoe UI and Segoe are not the same font. Segoe UI is the Windows font intended for user interface text strings. Segoe is a branding font used by Microsoft and partners to produce material for print and advertising.

Segoe UI is an approachable, open, and friendly typeface, and as a result has better readability than Tahoma, Microsoft Sans Serif, and Arial. It has the characteristics of a humanist sans serif: the varying widths of its capitals (narrow E and S, for instance, compared with Helvetica, where the widths are more alike, fairly wide); the stress and letterforms of its lowercase; and its true italic (rather than an «oblique» or slanted roman, like many industrial-looking sans serifs). The typeface is meant to give the same visual effect on screen and in print. It was designed to be a humanist sans serif with no strong character or distracting quirkiness.

Segoe UI is optimized for ClearType, which is on by default in Windows. With ClearType enabled, Segoe UI is an elegant, readable font. Without ClearType enabled, Segoe UI is only marginally acceptable. This factor determines when you should use Segoe UI.

Segoe UI includes Latin, Greek, Cyrillic, and Arabic characters. There are new fonts, also optimized for ClearType, created for other character sets and uses. These include Meiryo for Japanese, Malgun Gothic for Korean, Microsoft JhengHei for Chinese (Traditional), Microsoft YaHei for Chinese (Simplified), Gisha for Hebrew, and Leelawadee for Thai, and the ClearType Collection fonts designed for document use.

Meiryo includes Latin characters based on Verdana. Malgun Gothic, Microsoft JhengHei, and Microsoft YaHei use a customized Segoe UI. Use of italic versions of these fonts is not recommended. Malgun Gothic, Microsoft JhengHei, and Microsoft YaHei are supplied in regular and bold styles only, meaning italic characters are synthesized by slanting the upright styles. Although Meiryo includes true italic and bold italics, these styles only apply to the Latin characters the Japanese characters remain upright when italic styling is applied.

A variation of Meiryo, called Meiryo UI, is preferred in the ribbons command user interface.

To support locales using these character sets, Segoe UI is replaced with the correct fonts depending on each locale during the localization process.

To license Segoe UI and other Microsoft fonts for distribution with a Windows-based program, contact Monotype.

Note: Guidelines related to style and tone and user interface text are presented in separate articles.

Design concepts

Fonts, typefaces, point sizes, and attributes

In traditional typography, a font describes a combination of a typeface, a point size, and attributes. A typeface is the look of the font. Segoe UI, Tahoma, Verdana, and Arial are all typefaces. Point size refers to the size of the font, measured from the top of the ascenders to the bottom of the descenders, minus the internal spacing (called leading). A point is roughly 1/72 inch. Finally, a font can have attributes of bold or italic.

Informally, people often use font in place of typeface as done in this article but technically, Segoe UI is a typeface, not a font. Each combination of attributes is a unique font (for example, 9 point Segoe UI regular, 10 point Segoe UI bold, and so on).

Serif and sans serif

Typefaces are either serif or sans serif. Serif refers to small turns that often finish the strokes of letters in a font. A sans serif typeface doesn’t have serifs.

Readers generally prefer serif fonts used as body text within a document. The serifs provide a feeling of formality and elegance to a document. For UI text, the need for a clean appearance and the lower resolution of computer monitors makes sans serif typefaces the better choice.

Contrast

Text is easiest to read when there is a large difference between the luminance of the text and the background. Black text on a white background gives the highest contrast dark text on a very light background can provide high contrast as well. This combination is best for primary UI surfaces.

Light text on a dark background offers good contrast, but not as good as dark text on a light background. This combination works well for secondary UI surfaces, such as Explorer task panes, that you want to de-emphasize relative to the primary UI surfaces.

If you want to make sure users read your text, use dark text on a light background.

Affordances

Text can use the following affordances to indicate how it is used:

• Pointer. The I-bar («text select») pointer indicates that the text is selectable, whereas the left-pointing arrow («normal select») pointer indicates that text isn’t.
• Caret. When text has input focus, the caret is the flashing vertical bar that indicates the insertion/selection point in selectable or editable text.
• Box. A box around text that indicates that it’s editable. To reduce the weight of the presentation, the box may be displayed dynamically only when the editable text is selected.
• Foreground color. Light gray indicates that text is disabled. Non-gray colors, especially blue and purple, indicate that text is a link.
• Background color. A light gray background weakly suggests that text is read-only, but in practice read-only text can have any color background.

These affordances are combined for the following meanings:

• Editable. Text displayed in a box, with a text select pointer, a caret (on input focus), and usually on a white background.
• Read-only, selectable. Text with a select pointer and a caret (on input focus).
• Read-only, non-selectable. Text with an arrow pointer.
• Disabled. Light gray text with an arrow pointer, sometimes on a gray background.

Read-only text traditionally has a gray background, but a gray background isn’t necessary. In fact, a gray background can be undesirable, especially for large blocks of text, because it suggests that the text is disabled and discourages reading.

Accessibility and the system font, sizes, and colors

The guidelines for making text accessible to users with disabilities or impairments can be boiled down to one simple rule: Respect the user’s settings by always using the system font, sizes, and colors.

If you do only one thing.

Respect the user’s settings by always using the system font, sizes, and colors.

Developers: From code, you can determine the system font properties (including its size) using the GetThemeFont API function. You can determine the system colors using the GetThemeSysColor API function.

Because you can’t make any assumptions about users’ system theme settings, you should:

• Always base your font colors and backgrounds off system theme colors. Never make your own colors based on fixed RGB (red, green, blue) values.
• Always match system text colors with their corresponding background colors. For example, if you choose COLOR_STATICTEXT for the text color, you must also choose COLOR_STATIC for the background color.
• Always create new fonts based on proportional-sized variations of the system font. Given the system font metrics, you can create bold, italic, larger, and smaller variations.

A simple way to ensure that your program respects users’ settings is to test using a different font size and a high contrast color scheme. All text should resize and display correctly in the chosen color scheme.

Восстановление системных шрифтов в Windows 10 и 8.1

К процедуре восстановления стандартных шрифтов в Windows 10 и Windows 8.1 можно прибегнуть при случайной замене / удалении одного или нескольких системных шрифтов. Проблема с отсутствующими шрифтами может проявляться так: в системных (и не только) диалоговых окнах вместо нормальных символов отображаются что-то непонятное или вообще нечитаемые символы (в нашем примере, это были иероглифы и квадратики). Данная проблема может быть результатом деинсталляции стороннего приложения, которое при удалении вместе с собой удалило несколько системных шрифтов (вплоть до полной очистки каталога со шрифтами C:\Windows\Fonts). Также проблема со шрифтами может наблюдаться, когда некая программа при установке заменяет один из стандартных шрифтов своим собственным файлов.

В этой статье мы разберем методику, позволяющую восстановить стандартные системные шрифты Windows 10 и 8.1, к состоянию чистой системы.

Встроенное средство восстановления шрифтов Windows

В первую очередь стоит попробовать восстановить стандартные шрифты Windows 10/8.1 с помощью встроенного функционала. Для этого:

1. Откройте Панель управления и перейдите в раздел Оформление и персонализация –> Шрифты (ControlPanel-> AppearanceandPersonalization-> Fonts);
2. В левой панели выберите пункт Параметры шрифта (Fontsettings);
3. В открывшемся окне нажмите кнопку Восстановить параметры шрифтов по умолчанию (Restoredefaultfontsettings).

Данная опция позволяет удалить все сторонние шрифты, оставив только стандартные шрифты, поставляемые в дистрибутиве Windows 10/8.1. Однако, если файл нужного шрифта (*.fon или *.ttf) был удален или заменен, функция сброса не поможет. Чтобы вернуть нужный шрифт можно скопировать нужный файл из дистрибутива Windows (или с другого компьютера), или скачав и установив файл шрифта вручную (обратите внимание, что в Windows 10 есть функция блокировки установки сторонних шрифтов, которая может мешать установке новых шрифтов).

Извлекаем файлы стандартных системных шрифтов из образа Windows 10/8.1

В Windows файлы шрифтов хранятся в каталоге C:\Windows\fonts. Попробуйте открыть ее в Проводнике. Если в этом каталоге вы увидите только несколько файлов шрифтов с расширениями *.fon и *.ttf, значит, стандартные файлы шрифтов были удалены и их сброс встроенными средствами (как описано выше) не поможет.

Недостающие файлы шрифтов можно скопировать с любого компьютера с той же версией ОС, либо извлечь их из установочного диска или ISO/WIM образа Windows 10 (8.1). Рассмотрим второй случай.

Для этого нам понадобится установочный диск с Windows 10 (физический или смонтированный виртуальный ISO), допустим, ему назначена буква диска H:.

Откроем командную строку Powershell с административными правами и скопируем файл H:\sources\install.wim или H:\sources\install.esd (подробнее об esd файле здесь) в каталог C:\Distr\.

Copy-Item D:\sources\install.wim C:\Distr\

dism /export-image /SourceImageFile:c:\distr\install.esd /SourceIndex:4 /DestinationImageFile: c:\distr\install.wim /Compress:max /CheckIntegrity

Монтируем файл установочного образа Windows 10 install.wim в каталог C:\Distr\wim:

dism /mount-wim /wimfile:c:\Distr\install.wim /index:1 /mountdir:C:\Distr\wim

Скопируйте оригинальные файлы шрифтов из каталога C:\Distr\wim\Windows\Fonts в системную папку C:\Windows\Fonts с заменой файлов в целевом каталоге.

Copy-Item -path C:\Distr\wim\Windows\Fonts -Destination C:\Windows -recurse –container -force
Файлы шрифтов будут заменены оригинальными. Часть системных шрифтов, которые используются в текущий момент, заменить не удастся, об этом будет свидетельствовать ряд ошибок в окне консоли.

Теперь можно отключить WIM образ:

dism /unmount-wim /mountdir:C:\Distr\wim /discard
Перезагрузите компьютер и проверьте, исчезла ли проблема со шрифтами.

В некоторых случаях необходимо дополнительно выполнить сброс кэша шрифтов (хранится в каталоге %WinDir%\ServiceProfiles\LocalService\AppData\Local\FontCache). Для этого нужно:

1. Запустите консоль управления службами (services.msc);
2. Остановите службу Служба кэша шрифтовWindows (Windows Font Cache Service);
3. Очистите каталог %WinDir%\ServiceProfiles\LocalService\AppData\Local\FontCache;
4. Удалите файл C:\Windows\System32\FNTCACHE.DAT;
5. Запустите службу FontCache и перезагрузите компьютер.

Готовые архивы со стандартными шрифтами для Windows 10 и 8.1

Для тех, у кого под рукой нет дистрибутива Windows 10 (Windows 8.1), можно скопировать каталог с оригинальными шрифтами с другого компьютера с той же версий ОС, либо воспользоваться готовыми архивами со шрифтами, скачать которые можно по ссылкам ниже:

• Оригинальные шрифты для Window 8 – OrigFontsWin8.zip (201 Мб);
• Оригинальные шрифты для Windows 8.1 — OrigFontsWin8-1.zip (263 Мб);
• Оригинальные шрифты для Windows 10 1803 (подойдет и для других билдов Windows 10) — OrigFonts-win10-1803.zip (196 Мб).

Скачайте и распакуйте архив для вашей версии Windows. Скопируйте содержимое архива в каталог C:\Windows\Fonts с заменой файлов.

Также скачайте и примените (дважды щелкните) следующие reg файлы из архива win10-default-fonts-reg.zip.

Первый файл win_10_fonts.reg содержит список стандартных шрифтов, зарегистрированных в реестре (HKLM\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts).

Во втором файле (win_10_FontSubstitutes.reg) находятся настройки ассоциаций шрифтов (HKLM \SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontSubstitutes).

Перезагрузите компьютер, проблема со шрифтами должна пропасть!