字体来源 Muli
CSS和web字体文件可以方便地自行托管“Muli”字体。 请访问主机 字体源单曲 查看此软件包的更详细信息.
安装
Fontsource 假设您正在使用 Webpack 等捆绑器来装入 CSS 。 解决方案 庇护上诉委员会, (中文(简体) ), 盖茨比 财务报告和审定财务报表 下一个.js 的选项.
yarn add fontsource-muli // npm install fontsource-muli
然后在您的应用程序条目文件或站点组件中导入 。 例如,在Gatsby中,您可以选择将其导入到布局模板(layout.js),页面组件,或 gatsby-browser.js。 。 。 .
import "fontsource-muli" // require("fontsource-muli")
Fontsource允许您选择字体子集,重量甚至单个样式,允许您将有效载荷大小削减到最后一个字节! 然而,上面的默认选择会粘入拉丁语子集,包括所有加权和样式.
import "fontsource-muli/latin-ext.css" // All weights and styles included.
import "fontsource-muli/cyrillic-ext-400.css" // All styles included.
import "fontsource-muli/greek-700-normal.css" // Select either normal or italic.
也可以通过SCSS导入同样的解决方案!
@import "~fontsource-muli/index.css";
@import "~fontsource-muli/vietnamese-300-italic.css";
这些例子可能不能反映实际相容性. 请参看下文.
支持的变量 :
- 子集 :
[latin,latin-ext,vietnamese] - 重量 :
[200,300,400,500,600,700,800,900] - 样式 :
[normal,italic]
最后,可以在CSS样式表,CSS模块,或CSS-in-JS中引用字体名称.
body {
font-family: "Muli";
}
许可证发放
必须始终读取您使用的每个字体的许可证 . 收藏中的字体大多使用SIL Open Font License, v1.1. 一些字体使用Apache 2许可证. Ubuntu字体使用Ubuntu字体许可证v1.0.
其他说明
字体版本( 按来源提供) : v21。 。 。 .
请随意为这个寄存器提供新想法,目的是改善字体加载的性能,并扩展我们已经拥有的现有库。 任何建议或想法可通过下列方式表达: 问题。 。 。 .