目录

前端使用外部字体ttf文件或iconfont

目录

前端使用外部字体(ttf文件或iconfont)

(1)使用自定义字体:

将 myFont.ttf 放在 assets\fonts 文件夹下

css 文件中使用:

@font-face {
  font-family: myFont;
  src: url('../assets/fonts/myFont.ttf');
}

.demo {
  font-family: 'myFont';
}

(2)使用iconfont

下载 iconfont 项目,放在 assets\iconfont 文件夹下;

在 main.js 中引入css:import ‘@/assets/aliiconFont/iconfont.css’;

在 html 文件中使用 :

<i class="iconfont icon-tianjia1"></i>

注:如果同一个项目中引入了多个 iconfont 项目,需要在 iconfont.css 中区分font-family

https://i-blog.csdnimg.cn/blog_migrate/6a1a5aa5064d29ddcd18aafcb9dd514f.png