首页 > 代码库 > 转载:Segoe UI Symbol

转载:Segoe UI Symbol

Segoe UI Symbol 图标指南

 

如果你使用磁贴,则无法使用这些字形,因为你无法指定磁贴字体而 PUA 字形不会通过字体回滚提供。

大部分此类字形在提供时其间距为零。你可以在每个零宽度字形上放置其他零宽度字形。例如,如果你插入零宽度的红色的实心 (U+E00B),光标不会跑到心形的末尾,因为其宽度为零。然后,如果你插入黑色的心形轮廓 (U+E006),则心形轮廓会放置在实心之上。

使用零宽度字形

大部分图标还具有镜像样式,以供使用双向文本的语言使用。

如果你使用 C#/VB/C++ 和 XAML 开发应用,则可以选择使用 Symbol enumeration 而不是 Unicode ID 从 Segoe UI Symbol 字体指定字形。如果你使用 JavaScript 和 HTML 开发应用,则可以选择使用 AppBarIcon enumeration 而不是 Unicode ID 从 Segoe UI Symbol 字体指定字形。

红心大战

红心大战图标

星形评级

评级图标

复选框组件

复选框组件

单选按钮控件

单选按钮控件

杂项

杂项图标

滚动条箭头

滚动条箭头

渐进式公开箭头

渐进式公开箭头

后退按钮

后退按钮的字形提供了 3 种不同大小,以便外环的权重等于 16pt、20pt 和 42pt。这些字形设计用于支持分层。

16pt 代码 20pt 代码 42pt 代码 符号 描述
U+E2A4 U+E0BA U+E071 后退按钮 后退按钮
U+E2A5 U+E0BB U+E0A6 后退按钮轮廓 后退按钮轮廓
U+E2A6 U+E0C4 U+E0A7 后退按钮箭头 后退按钮箭头
U+E2A7 U+E0D4 U+E0A8 后退按钮填充 后退按钮填充
U+E2A8 U+E0B3 U+E08E 后退按钮反转 后退按钮反转
U+E2A9 U+E0AC U+E0AA 后退按钮镜像 后退按钮镜像
U+E2AA U+E0AD U+E0AB 后退按钮镜像箭头 后退按钮镜像箭头
U+E2AB U+E0AF U+E257 后退按钮镜像反转 后退按钮镜像反转

 

HTML 的后退箭头

添加其他代码以创建环绕这些字形的圆环。

HTML 的后退箭头

应用栏字形

AppBar 中使用这些字形。这些字形设计为以 14pt 大小显示。使用其他代码以创建环绕这些字形的圆环。

应用栏图标

应用栏图标

应用栏图标

应用栏图标

应用栏图标

应用栏图标

相关主题

对于设计人员
字体指南
版式指南
对于开发人员(使用 JavaScript 和 HTML 的 Windows 运行时应用)
AppBarIcon enumeration
对于开发人员(使用 C#/VB/C++ 和 XAML 的 Windows 运行时应用)
Symbol enumeration