Vue中使用自定义字体

为了美观效果，不想使用默认字体，使用其他好看的字体，此时在项目中就需要：创建 assets/fonts/font.less@charset "UTF-8";@font-face {font-family: 'zkwyt';src: url('./zkwyt.ttf');}将字体文件 zkwyt.ttf 放 assets/fonts 文件夹中。在 App.vue 引入 font.less<st

欢莱

4156人浏览 · 2022-04-24 18:46:13

欢莱 · 2022-04-24 18:46:13 发布

为了美观效果，不想使用默认字体，使用其他好看的字体，此时在项目中就需要：
创建 assets/fonts/font.less

@charset "UTF-8";

@font-face {
    font-family: 'zkwyt';
    src: url('./zkwyt.ttf');
}

将字体文件 zkwyt.ttf 放 assets/fonts 文件夹中。

在 App.vue 引入 font.less

<style>
@import './assets/fonts/font.less';
#app {

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}$/, //不连续的两位字母// /^