引入字体包

411 阅读1分钟

在前端的开发中,我们常常会遇到我们页面上默认的字体和设计稿上的字体出路很大,此时我们就要设计要这些字体的字体包,我们将字体下载后,按照一下步骤去使用字体包。

一、在静态资源管理器中开辟一个font文件夹,存放字体和字体样式

image.png

字体样式模板:

@font-face { font-family: 'Myfont', font-weight: 'normal', font-style: 'normal' src:url('./newTutkeFont.ttf') fortmat('trueType') }

二、在Vue使用以上路径(import url '../assts/fonts/font.css')

三、使用(font-family: 'Myfont')