通过

版式

  • 项目

Segoe 是 Office 的标准字样。 在外接程序中使用 Segoe，以与 Office 任务窗格、对话框和内容对象保持一致。 Fabric Core 提供对 Segoe 的访问权限。 它在方便使用的 CSS 类中为 Segoe 的全型斜坡提供了许多不同的字体粗细和大小。 并非所有 Fabric Core 大小和权重在 Office 外接程序中看起来都很棒。 若要和谐地适应或避免冲突，请考虑使用 Fabric Core 类型渐变的子集。 下表列出了建议在 Office 加载项中使用的 Fabric Core 基类。

注意

这些基类中不包含文本颜色。 对于白色背景上的大多数文本，请使用 Fabric Core 的“中性主文本”。

若要了解有关可用版式的详细信息，请参阅 Web 版式。

类型 类 大小 权重 建议的用法
主图 .ms-font-xxl 28 像素 Segoe Light
  • 此类大于 Office 中的所有其他版式元素。 请谨慎使用以避免超越可视化层次结构。
  • 避免在有限空间中的长字符串上使用。
  • 在使用此类的文本周围提供充足的空白空间。
  • 通常用于首次运行的消息、hero 元素或其他行动号召。
Title .ms-font-xl 21 像素 Segoe Light
  • 此类匹配 Office 应用程序的任务窗格标题。
  • 请谨慎使用以避免出现平面版式层次结构。
  • 通常用作对话框、页面或内容标题等顶级元素。
副标题 .ms-font-l 17 像素 Segoe Semilight
  • 此类是标题下方的第一级元素。
  • 常用作副标题、导航元素或组标头。
    正文 .ms-font-m 14 像素 Segoe Regular
    • 通常用作加载项中的正文文本。
      Caption .ms-font-xs 11 像素 Segoe Regular
      • 通常由行、标题或字段标签用于时间戳等二级或三级文本。
        Annotation .ms-font-mi 10 像素 Segoe Semibold
        • 应极少使用类型渐变中的最小步长。 它适用于不需要易读性的情况。