vue 中引入pingfang字体或者其他字体支持ttf otf格式

时间：2020-05-20 20:08:09 阅读：130 评论：0 收藏：0 [点我收藏+]

技术图片

新建一个font 文件里面放字体文件可以百度搜索你想要的字体下载下来一般10m左右

新建一个font.css 里面配置字体

@font-face {

font-family: ‘PF‘;

src: url(‘mud.TTF‘);

font-weight: normal;

font-style: normal;

}

然后在需要使用的文件中导入该css

我是在app.vue 全局导入设置font-family：PF

在vue 脚手架4.0以上需要在config.js 配置

//ttf字体解析

rules: [

{

test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,

loader: ‘url-loader‘,

options: {

limit: 10000,

name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)

}

]

原文地址：https://www.cnblogs.com/jackie-song/p/12925617.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行

vue 中引入pingfang字体 或者其他字体 支持ttf otf格式