自定义字体 专业版

用户访问使用了自定义字体的页面时，会自动下载字体文件，字体文件有大有小，所以不建议在非英文环境中使用。

框架预设了 Digital 7 的两套字体，除此之外，你也可以通过以下方法引入你需要的自定义字体。

找字体

访问 DaFont 或其它字体下载网站，下载 .ttf 格式的字体文件。

生成字体

因为 .ttf 格式的字体文件不是浏览器支持的字体格式，所以需要通过 .ttf 生成其它格式的字体文件。

访问 Font Squirrel，上传 .ttf 文件，并按照下面设置后，点击下载。

使用

将上一步下载的压缩包解压并放入 /src/assets/fonts/ 目录下，注意按文件夹区分，随后引入文件夹中的 stylesheet.css 即可使用，以 Digital 7 字体为例：

@import '../../assets/fonts/digital-7/stylesheet.css';
.digital-7 {
  font-family: 'digital-7regular';
}

字体的 font-family 名称在 stylesheet.css 里查看。

另外你也可以将 @import '../../assets/fonts/digital-7/stylesheet.css'; 这句代码放到全局引入，这样所有页面就都可以通过设置 font-family: 'digital-7regular'; 直接使用了。