准备好字体的ttf文件，没有的自己去网上下载几个。
比如我在千图网下载如下一个字体。
图1.字体举例
把文件粘贴到合适的目录下，我放在了static/font下。如图。并准备好font.css作为汇总
图2.存放目录
编辑font.css，如图
font-family: '自定义的字体名';
src: url('../static/ichimirate.ttf'); //字体ttf文件的位置
图3.汇总css
一般在App.vue中导入font.css
图4.导入css
我们直接在style里定义新的font-family就可以用了，如下方图文。这是我的简书的二维码。
<p style="width: 150px;font-family: ichi-mira;">手机打开微信扫描..........</p>
图5.我的简书文集二维码
1.准备文件 准备好字体的ttf文件，没有的自己去网上下载几个。 比如我在千图网下载如下一个字体。 2...
vue项目导入本地json文件的2种方法 一、通过网络请求导入 步骤： 1.找到vue项目目录下的build/we...
在webpack构建的项目中用vue进行开发 安装vue 在webpack中导入vue包 import导入的vue...
w如何在项目中自定义字体 1.首先找到我们需要使用的字体文件（ttf，otf）下载到本地，并导入项目中，如图 2....
一.在Vue项目中安装依赖 二.导入依赖在main.js项目入口文件导入全局样式 三.新建Carousel.vue...
首先在iconfont官网上下载好自己需要的字体图标，如下： 接下来在vue项目的main.js中导入iconfo...
一、导入所需要的字体到项目工程中 二、确保在Build Phases中能够看到字体，如果没有则需要手动添加进来 三...
项目开发中，我们会遇到使用特定字体的需求，现在我们来学习一下，如何使用导入字体包中的字体。 1、下载字体包！（自己...
先百度下载字体，eg: happyzcool2016.ttf 字体放到vue项目中，然后新建一个css，在css中...
在项目添加导入和使用新的字体过程中，遇到一个很奇怪的问题：
本文标题：在vue项目中导入本地字体
本文链接：https://www.haomeiwen.com/subject/dxzqkqtx.html
网友评论