应用情景
业务搬砖需求需要用原设计稿给出的字体,使用font-face引入后,发现字体包太大10M左右,每次请求服务器10M流量会造成服务器压力,影响用户体验
第一步:使用font-face
MDN概述
这是一个叫做font-face 的CSS 规则 ,它允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,font-face 可以消除对用户电脑字体的依赖。 font-face 不仅可以放在在CSS的最顶层, 也可以放在 规则 的 条件规则组 中。
简单来说就是可以在网页上用自己的字