美文网首页
vue cli3 引入思源字体

vue cli3 引入思源字体

作者: 把我推进深海的你真善良 | 来源:发表于2020-10-15 08:38 被阅读0次
assets/font

font.css

@font-face {

  font-family: 'SourceHanSans';

  src: url('SourceHanSansCN-Normal.otf');

  font-weight: normal;

  font-style: normal;

}

main.js

import './assets/font/font.css'

app.vue

*{

  font-family: 'SourceHanSans';

}

相关文章

  • vue cli3 引入思源字体

    font.css @font-face{font-family:'SourceHanSans';src:url('...

  • 99、关于ant design vue使用polyfill在ie

    最近使用cli3搭建ant design vue ui框架时发现项目在ie上不兼容,就引入@babel/polyf...

  • 【Vue】教程:三、Vue Cli3项目结构优化

    前提 完成vue cli3项目的新建,可参考教程【Vue】windows下vue cli3安装及搭建项目详解 一、...

  • VUE----cli3搭建项目,并cdn引入vuex,vue-r

    从VUE发布cli3以来,还没用cli3真正搭建过vue项目,正好公司新开项目,就开始使用cli3搭建。 注意:目...

  • vue 引入字体文件

    引入字体文件 1、将字体文件拷贝到assets/ttf文件夹下。2、在assets/css文件夹下新建font.c...

  • vue之引入字体

    1、下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例) 2、在src下新建common文件,文件夹中...

  • VUE项目引入字体

    前言 在项目中,往往需要引入外部字体,使得页面更好看一些 一、引入外部字体 在src文件夹的assets文件夹下新...

  • vue项目引入字体

    下载想要引入的字体的字体包; 将要的字体放在asse目录下(目录不限,能引用到就行)并创建一个 css 文件;im...

  • 免费字体收集

    思源系列 免费字体:思源黑体、思源宋体、思源柔黑体、思源真黑体 授权出处: https://www.google....

  • Vue Cli3 项目打包优化

    一、新建项目 使用 vue-cli3 构建一个初始的Vue项目:Cli3 官方文档 因为使用了cli3,很多目录结...

网友评论

      本文标题:vue cli3 引入思源字体

      本文链接:https://www.haomeiwen.com/subject/plxtuktx.html