主题
自定义字体
1、 把字体打包成对应文件
进入 fontsquirrel
2、解压，打开 stylesheet.css，获悉需要哪些字体文件
css
@font-face {
font-family: 'one_starry_nightregular';
src: url('./one_starry_night_font-webfont.woff2') format('woff2'), /* 需要的字体文件 */
url('./one_starry_night_font-webfont.woff') format('woff'); /* 需要的字体文件 */
font-weight: normal;
font-style: normal;
}3、把上面用到的字体文件放到到项目的静态目录中
4、把 css 改名后也放到静态木库中到项目中
5、把 css 引入到项目中
- 普通引入，在 html 文件中引入 css 文件
html
<head>
<link rel="stylesheet" href="css/xxx.css" />
</head>- 框架中，则在 main.js 中引入
js
import 'css/xxx.css'6、在需要的地方使用
css
{ font-family: 'xxx'; }