vue中引入字体无效（记录）

百乏三千丈

6018人浏览 · 2022-05-24 16:30:08

百乏三千丈 · 2022-05-24 16:30:08 发布

1.在assets新建字体文件font 并且新建font.css文件

注意这里css文件要和引入的字体文件是同级

2.在需要的地方直接font-family: '庞门正道标题体3.0';但是没效果

分析原因：

1.页面初始化的时候看字体文件是否加载成功

2.有的地方说引入要加后缀但是我不是这种情况（没找到问题可以试试）

3.一般情况是不用特别引入到所用的css页面或者挂载到全局main.js里，但是不排除有这个问题

4.font-family: "" 引入的名称要和字体文件里面的命名一样和src不一定一样（这是个巨坑）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^