vue项目中引入字体包
问题： 项目开发过程中，因UI的显示要求，需要引入一些字体，那如何引入外部字体呢？很简单，只需要以下3步
一 下载对应的字体包文件，放置到我们的项目中
比如我需要PingFangSC的系列字体，我先在vue项目中创建了一个文件夹fontFamily，然后把字体文件放到这个文件夹中
二 生成一个css文件将字体包引入项目
例如，我依旧在fontFamily中创建了一个font_f.css文件，在该文件引入我们刚刚放在fontFamily中的字体包。
三 在main.js中全局引入css文件
这里我整个项目都要用到这几个字体，所以全局引入了这几个字体，若是一个字体只有某个页面用到，完全可以按需引入，即把第二步的引入字体的代码放到对应vue的文件中引入。
使用的时候，直接使用对应的font-family值即可
例如，想显示为“苹方黑体-中黑”，如下所示：
vue项目中引入字体包相关推荐
- vue项目里面引入字体包
1.将ui给的字体包放到assets,同时新建font.css文件 2.在font.css中配置字体 @font-face {font-family: "Dolce-V-H-B"; ...
- vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
- 如何在Vue项目中引入ArcGIS JavaScript API 创建三维可视化地图（含vue项目创建教程）
新手上路之在Vue项目中引入ArcGIS API 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...
- VUE 项目中引入外部js文件（CND引入）
以VUE项目中引入echarts文件为例: 第一步在VUE项目中找到index.html文件 引入 :<script src="https://cdnjs.cloudflare.com ...
- 如何在vue项目中引入html页面
在vue项目中引入html页面的两种方法 第一种:/static/page.html 第二种:通过iframe嵌入 第一种:/static/page.html 在static或public文件夹下,新 ...
- vue项目中引入bootstrap的方法
vue项目中引入bootstrap?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关教程推荐:<bootstrap教程> 在 vue 项目 ...
- 【EasyExcel】在SpringBoot+VUE项目中引入EasyExcel实现对数据的导出（封装工具类）
在SpringBoot+VUE项目中引入EasyExcel实现导入导出 一.引入EasyExcel 通过maven引入,坐标如下: <dependency><groupId>c ...
- 前端项目如何引入字体包? 引入字体包不起效果？
因为设计师用的是IMac电脑,设计图默认使用的字体为 pingFangSC-Regular,这就需要我们做开发的 引入苹方字体包 以达到和设计图一致的视觉效果,(引入其他字体包 同理) 先上个苹方字体 ...
- 如何在项目中引用字体包
引入字体包 从网上下载字体包,以.ttf结尾对的文件,去百度搜找到你需要的就行 将下载的文件放到静态资源目录下面即可. 2.编写font.css文件进行声明 @font-face { font-fam ...
最新文章
- P5147 随机数生成器 [数列]
- Spring+Hibernate配置多数据源
- AtCoder Beginner Contest 230
- c#位数不够0补充完_Java与C#比较，哪个语言更是适合你？
- eclipse集成maven
- MySQL 判断表中是否存在某条数据
- sql 语句循环方法的使用
- shader函数整理
- FTM的PWM、输入捕获、正交解码
- java mail 使用：exchange邮箱
- latch 深入理解(转载)
- 树莓派 python 驱动 lcd tft spi 2.8寸 ili9341 240x320
- 一招解决windows电脑禁用笔记本自带键盘问题
- Matlab一个错误引发的血案：??? Error using == str2num Requires string or character array input....
- NOI2018 游记
- 想创业 就别输不起 --leo看赢在中国第三季 7
- Spring学习总结（一）- Spring的核心特性之依赖注入（DI）总结
- [转载] 详解自动编码器(AE)
- sas数据的中国地图 湿地
- ORACLE数据库 自动备份 定时计划任务 windows