Vue项目中引入字体并使用 (.ttf)

  1. 下载字体文件

  2. 将已有字体放入静态资源文件(assets)下
    在这里插入图片描述

  3. 创建font.scss文件
    Vue项目中引入字体并使用 (.ttf)_第1张图片
    Vue项目中引入字体并使用 (.ttf)_第2张图片

  4. 在main.js中引入第三步创建的文件Vue项目中引入字体并使用 (.ttf)_第3张图片

  5. 在需要用的地方就可以使用该字体啦
    Vue项目中引入字体并使用 (.ttf)_第4张图片

你可能感兴趣的:(备忘录,vue.js)