在前端的开发中,我们常常会遇到我们页面上默认的字体和设计稿上的字体出路很大,此时我们就要设计要这些字体的字体包,我们将字体下载后,按照一下步骤去使用字体包。
一、在静态资源管理器中开辟一个font文件夹,存放字体和字体样式
字体样式模板:
@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')