html如何调用特殊字体,怎样在页面中引入特殊字体呢?

让网页自由引入中文字体成为可能,可能有人会说直接引入字体包,在样式中设置font-family:"XXX"不就好了吗?超级简单呢..

那我们一起看看字体包的大小(该实例中使用:喜鹊招聘简体)

html如何调用特殊字体,怎样在页面中引入特殊字体呢?_第1张图片

一个字体库文件十几兆,页面加载速度超级慢,严重影响用户体验,怎样做减法呢?

接下来给大家分享一个中文字体压缩器——字蛛

首先我们先写入一段默认显示文字的代码:

显示与众不同的字体

.container{font-size: 18px;line-height: 32px}

这一行是普通文本哦!

复制代码

页面显示截图如下:

html如何调用特殊字体,怎样在页面中引入特殊字体呢?_第2张图片

接着我们准备引入特殊好看的字体,并且给字体库做减法咯。

前提条件:安装好node环境

1、安装font-spider

npm install font-spider -g

复制代码

构建插件:grunt-font-spider | gulp-font-spi

你可能感兴趣的:(html如何调用特殊字体)