- 先将新字体下载下来,然后放到项目里面(例如:我是放到项目
src/font
目录下面) - 在项目中创建一个CSS文件(或者在已有的CSS文件里面增加下面代码)(例如:我是创建的
src/css/common.css
CSS文件)
@font-face {
font-family: '字体名称'; /* 随便起名字,使用的时候就用这个名字 */
src: url('../font/aaa.ttf'); /* 输入需要添加的字体文件的路径 */
}
- 将这个CSS文件在main.js文件中引入(或者其他工程的主文件中引入)
- 直接在CSS使用刚才输入的名称就可以啦
.layout {
font-family: "刚才添加的字体名称", Arial, "Helvetica Neue", Helvetica, sans-serif;
}