CSS怎么在项⽬⾥引⼊⾃定义字体(@font-face)
前⾔:
以前我⼀直⽤内置的默认字体给⽂字设置字体,直到⼀天UI妹纸给了我下⾯的字体
当时我是蒙蔽的,这个字体的效果如下
默认字体并⽆该字体,直接设置是没有效果的,这时就需要⽤到⾃定义字体了
下⾯我来简单介绍⼀下添加⾃定义字体的⽅法
添加⾃定义字体:
①:⾸先需要下载所需字体
推荐该下载字体⽹站:
②:把下载字体⽂件放⼊ font⽂件夹⾥(建议font⽂件夹与 css 和 image⽂件夹平级))
③:引⼊字体(可直接在html⽂件⾥⽤@font-face引⼊字体,如下图,分别是字体名字和路径)
这样就可以直接给需要设置此字体的⽂字设置该字体了,如下图
就当我以为完美解决时,⼀个问题浮出⽔⾯:英⽂和数字还好,但中⽂字体体积太⼤,⼀般都是好⼏兆
⽐如我下载的这个字体就有4M多
对于PC端可能都还好,如果是移动端,对性能的影响⽆法想象
那怎么解决这个棘⼿的问题呢?答案是使⽤字体蜘蛛进⾏压缩
可参考:
(我是参考该⽂章设置⾃定义字体的)
ps软件怎么添加字体样式 (字体蜘蛛官⽹及github)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论