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