在 React Native 的样式组件中设置字体系列后备

Question

export const SomeText = styled(Text)`
    font-family: "Arial", sans-serif;
`

export const SomeText = styled(Text)`
    font-family: Arial, sans-serif;
`

export const SomeText = styled(Text)`
    font-family: "Arial, sans-serif";
`

以上全部错误。

错误示例：Error: Failed to parse declaration "fontFamily: "Arial", sans-serif"

通过样式组件在 React Native 中应用 font-family 的正确方法是什么？

Answer 1

移动平台的系统字体与浏览器的系统字体不同。您可以在这里找到列表：https ://github.com/react-native-training/react-native-fonts

如果您希望代码依靠可用的系统字体，您可以使用如下内容：

${Platform.select({ ios: css`font-family: Helvetica`, android: css`font-family: Roboto` })};

（参考这里：https ://github.com/styled-components/styled-components/issues/1058 ）