Руководство по значкам Segoe UI Symbol

В этом документе перечислены полезные глифы, предоставляемые шрифтом Segoe UI Symbol, которые можно использовать в качестве значков.

Рекомендации

  • Используйте эти глифы, только если можете задать шрифт Segoe UI Symbol.

Дополнительные рекомендации по использованию

Большинство элементов управления пользовательского интерфейса, добавленные в Segoe UI Symbol, сопоставляются с областью личных символов Юникода. Область личных символов позволяет разработчикам шрифтов присваивать личные значения Юникода глифам, которые не сопоставлены с существующими кодовыми точками. Это может оказаться полезным при создании символьного шрифта, но вызывает проблемы с взаимодействием. Если шрифт недоступен, глифы не отображаются. Используйте эти глифы, только когда можете задать шрифт Segoe UI Symbol.

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

Многие из этих глифов доступны с нулевой шириной. Глифы с нулевой шириной можно накладывать друг на друга. Например, если вы вставляете глиф сердца с красной заливкой (U + E00B), курсор не перемещается к концу глифа, поскольку он имеет нулевую ширину. Если затем вы вставите глиф сердца с черным контуром (U + E006), контур будет наложен поверх полностью закрашенного сердца.

Использование глифов нулевой ширины

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

При разработке приложения на C#, VB, C++ и XAML вы можете использовать Symbol enumeration вместо идентификатора, представленного в Юникоде, чтобы указать глифы из шрифта Segoe UI Symbol. При разработке приложения на JavaScript и HTML вы можете использовать AppBarIcon enumeration вместо идентификатора, представленного в Юникоде, чтобы указать глифы из шрифта Segoe UI Symbol.

Сердца

Значки в виде сердец

Звезды

Значки оценки

Компоненты флажков

Компоненты флажков

Компоненты переключателей

Компоненты переключателей

Прочее

Прочие значки

Стрелки полос прокрутки

Стрелки полос прокрутки

Стрелки поэтапного представления информации

Стрелки поэтапного представления информации

Кнопки перехода назад

Для кнопок перехода назад предусмотрены глифы трех размеров, так что внешнее кольцо по толщине подходит для размеров 16 pt, 20 pt и 42 pt. Эти глифы предназначены для поддержки наложения.

Код 16ptКод 20ptКод 42ptСимволОписание
U + E2A4U + E0BAU + E071Кнопка перехода назадКнопка перехода назад
U + E2A5U + E0BBU + E0A6Контур кнопки перехода назадКонтур кнопки перехода назад
U + E2A6U + E0C4U + E0A7Стрелка кнопки перехода назадСтрелка кнопки перехода назад
U + E2A7U + E0D4U + E0A8Заливка кнопки перехода назадЗаливка кнопки перехода назад
U + E2A8U + E0B3U + E08EРеверсированная кнопка перехода назадРеверсированная кнопка перехода назад
U + E2A9U + E0ACU + E0AAКнопка перехода назад в зеркальном представленииКнопка перехода назад в зеркальном представлении
U + E2AAU + E0ADU + E0ABСтрелка кнопки перехода назад в зеркальном представленииСтрелка кнопки перехода назад в зеркальном представлении
U + E2ABU + E0AFU + E257Реверсированная кнопка перехода назад в зеркальном представленииРеверсированная кнопка перехода назад в зеркальном представлении

 

Стрелки перехода назад для HTML

Добавьте дополнительный код для создания окружностей вокруг этих глифов.

Стрелки перехода назад для HTML

Глифы панели приложения AppBar

Используйте эти глифы в AppBar. Они отображаются в размере 14 pt. Используйте дополнительный код для создания окружностей вокруг них.

Значки панели приложения AppBar

Значки панели приложения AppBar

Значки панели приложения AppBar

Значки панели приложения AppBar

Значки панели приложения AppBar

Значки панели приложения AppBar

Связанные разделы

Для разработчиков
Рекомендации по шрифтам
Для разработчиков (HTML)
AppBarIcon enumeration
Для разработчиков (XAML)
Symbol enumeration

 

 

Показ:
© 2015 Microsoft