博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue项目中引入特殊字体
阅读量:2241 次
发布时间:2019-05-09

本文共 415 字,大约阅读时间需要 1 分钟。

特殊字体指的是默认电脑中没有的

1、下载字体

2、新建文件夹font,把字体放进去

3、新建font.css

4、使用@font-face设置字体

@font-face {  font-family: 'txchj'; // txchj 我自己定义的  src: url("~@/assets/font/txchj.ttf"); // 路径自己调整}

5、main.js引入font.css

6、组件中就可以使用了

.header-title{    line-height: 75px;    font-family: 'txchj';    font-size: 34px;    margin-left: 56px;    color: #62c7e0;    letter-spacing: 1.3px;  }

 

转载于:https://www.cnblogs.com/zhaobao1830/p/11310457.html

你可能感兴趣的文章
SQL教程之嵌套SELECT语句
查看>>
日本語の記号の読み方
查看>>
计算机英语编程中一些单词
查看>>
JavaScript 经典例子
查看>>
判断数据的JS代码
查看>>
js按键事件说明
查看>>
AJAX 初次体验!推荐刚学看这个满好的!
查看>>
AJAX 设计制作 在公司弄的 非得要做出这个养的 真晕!
查看>>
Linux 查看文件大小
查看>>
Java并发编程:线程池的使用
查看>>
redis单机及其集群的搭建
查看>>
Java多线程学习
查看>>
检查Linux服务器性能
查看>>
Java 8新的时间日期库
查看>>
Chrome开发者工具
查看>>
【LEETCODE】102-Binary Tree Level Order Traversal
查看>>
【LEETCODE】106-Construct Binary Tree from Inorder and Postorder Traversal
查看>>
【LEETCODE】202-Happy Number
查看>>
和机器学习和计算机视觉相关的数学
查看>>
十个值得一试的开源深度学习框架
查看>>