Шрифтовое оформление

Segoe — стандартный шрифт для Office. Используйте его в надстройке для совместимости с областями задач Office, диалоговыми окнами и объектами содержимого. Fabric Core предоставляет доступ к Segoe. В нем представлены все варианты шрифта Segoe (с различной насыщенностью и размером шрифта) в удобных классах CSS. Не все размеры и вес Fabric Core будут отлично выглядеть в надстройке Office. Чтобы обеспечить гармоничное соответствие или избежать конфликтов, рассмотрите возможность использования подмножества рампы типа Fabric Core. В следующей таблице перечислены базовые классы Fabric Core, которые мы рекомендуем использовать в надстройках Office.

Примечание.

Цвет текста не включен в эти базовые классы. Используйте "нейтральный первичный элемент" Fabric Core для большинства текста на белом фоне.

Дополнительные сведения о доступной типографии см. в разделе Веб-типография.

Тип	Класс	Размер	Насыщенность	Рекомендуемое использование
Главный имиджевый баннер	.ms-font-xxl	28 пкс	Segoe Light	Этот класс больше, чем все другие элементы оформления в Office. Используйте его с умом, чтобы избежать нарушения иерархии визуальных компонентов. Старайтесь не использовать длинные строки в ограниченном пространстве. Оставьте достаточного свободного места вокруг текста при использовании этого класса. Обычно используется для сообщений первого запуска, элементов главного элемента или других призывов к действию.
Title	.ms-font-xl	21 пкс	Segoe Light	Этот класс соответствует названию области задач приложений Office. Используйте его с умом, чтобы избежать горизонтальной иерархии при оформлении. Обычно используется для элементов верхнего уровня, таких как название диалогового окна, страницы или содержимого.
Субтитров	.ms-font-l	17 пкс	Segoe Semilight	Этот класс располагается на уровень ниже названия. Обычно используется для подзаголовка, элемента навигации или заголовка группы.
Body	.ms-font-m	14 пкс	Segoe Regular	Обычно используется для основного текста в надстройках.
Подпись	.ms-font-xs	11 пкс	Segoe Regular	Обычно используется для вторичного или третичного текста, например меток времени, а также для линий, подписей или меток полей.
Annotation	.ms-font-mi	10 пкс	Segoe Semibold	Наименьший шаг в пандусе типа следует использовать редко. Он доступен для ситуаций, когда удобочитаемость не требуется.