字体源代码 Roboto Flex
CSS 和 Web 字体文件, 以方便自宿“ Roboto Flex” 变量字体 。 请访问主机 字体来源网站 查看此软件包的更详细信息.
快速安装
Fontsource提供了多种方法来导入CSS,包括使用像Vite这样的捆绑机或使用SASS. 您可以找到完整的文档 这里。 。 。 .
npm install @fontsource-variable/roboto-flex
在您的应用程序条目文件或站点组件中, 导入它 .
import "@fontsource-variable/roboto-flex"; // Defaults to wght axis
import "@fontsource-variable/roboto-flex/wght.css"; // Specify axis
import "@fontsource-variable/roboto-flex/wght-italic.css"; // Specify axis and style
支持的变量 :
- 重量 :
[400] - 样式 :
[normal] - 子集 :
[cyrillic,cyrillic-ext,greek,latin,latin-ext,vietnamese] - 轴:
[opsz,slnt,wdth,wght,GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC]
说明:
italic可能不会得到所有字体的支持。 了解更多支持什么轴和风格,请访问 字体来源网站。 。 。 .
最后,可以在CSS样式表,CSS模块,或CSS-in-JS中引用字体名称.
body {
font-family: "Roboto Flex Variable";
}
许可证发放
总是确保读取您使用的每个字体的许可证 。 收藏中的字体大多使用SIL Open Font License, v1.1. 一些字体使用Apache 2许可证. Ubuntu字体使用Ubuntu字体许可证v1.0.
版权:2017 Roboto Flex 项目作者 (中文(简体) )https://github.com/googlefonts/roboto-flex (英语)(中文(简体) ) OFL-1.1 数据
其他说明
字体版本( 按来源提供) : v30。 。 。 .
如果您有任何建议或想法来改进字体加载或扩展已存在的库的性能,可以随意恒星并贡献给此寄存器. 你可以通过创建 问题。 。 。 .