网站嵌入字体

🏷️ CSS

生成字体文件
一般本地是有 TTF 格式的字体文件，可以使用 Font Squirrel 在线生成其它格式的字体文件。（如何使用可以参照字体转换网站——Font Squirrel。）
需要注意的是，默认生成的字体文件貌似只包含英文字体，不过在 Expert 模式中可以自定义生成选项。因为我只是用来生成网站标题用的字体，所以只在 Subsetting -> Custom Subsetting -> Unicode Ranges 中填写了需要用的几个汉字的 Unicode。
如果需要生成所有的字体，也可以使用 Online font converter 。

注册字体

通过 Font Squirrel 在线生成的 zip 包中的 stylesheet.css 文件会自动生成注册字体的 css 代码。

css

@font-face {
    font-family: 'samurairegular';
    src: url('samurai-webfont.eot');
    src: url('samurai-webfont.eot?#iefix') format('embedded-opentype'),
         url('samurai-webfont.woff2') format('woff2'),
         url('samurai-webfont.woff') format('woff'),
         url('samurai-webfont.ttf') format('truetype'),
         url('samurai-webfont.svg#samurairegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

使用字体
css
```
font-family: 'samurairegular';
```
1

参考：

网站嵌入字体 ​

网站嵌入字体