为什么复选框文本不使用主题字体大小？

Question

我已经用loadTheme改变了'medium‘字体大小，如下所示：

loadTheme({
  fonts: {
    medium: {
      fontFamily: fonts.fontFamily,
      fontSize: fonts.fontSize.regular
    }
  }
)

但是，基本复选框样式直接从FontSizes加载字体大小：

https://github.com/OfficeDev/office-ui-fabric-react/blob/ace874ab7e56188a7d6de081915c63025def4e05/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.styles.ts#L223

我知道我可以在组件本身上覆盖它，但似乎我不应该这样做。这是一个bug吗？默认情况下组件不应该使用主题字体大小吗？

Answer 1

是的，复选框应该是从主题读取字体。事实上，在fabric-7分支中，它做到了：

https://github.com/OfficeDev/office-ui-fabric-react/blob/14b1d77fc97fffb1c333a3601d62c3e30c4cf3b0/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.styles.ts#L136

Fabric 7计划于5月发布。同时，您应该能够通过使用loadTheme调用来应用自己的样式，如下所示：

const checkboxStyling = (props) => {
  return {
    text: { ...props.theme.fonts.medium }
  }
}

...

<Checkbox label='test' styles={checkboxStyling} />

这在以下CodePen中有效：https://codepen.io/jasongore/pen/JVwJGO