用css设置字体的步骤分析 css设置字体样式( 二 )


。与的阻塞期一致,但是没有交换期,如果在阻塞期的 100 毫秒内字体加载完成,那么会使用该字体,否则直接使用后备字体 。这个就是说指定的网络字体是可有可无的,如果加载很快那么可以显示,加载稍微慢一点就不会显示了,适合网络情况不好的时候,例如移动网络 。
那么在了解 font- 之后,那么我们应该不难看出来,对于大部分情况应该把它的值设置为 swap,这样在加载网络字体期间,使用后备字体进行渲染,加载完成之后在替换为指定的网络字体 。
现在使用谷歌的 Web Fonts 字体服务已经不需要我们用手动去写 @font-face 指令了,而是通过调用它的接口,直接返回一段 @font-face 指令 CSS 代码,同时它也支持 =swap 参数,来让返回的 CSS 代码中,设置 font- 为 swap,这个可以从我的网站上看到:
/* :500,700&=swap */
@font-face {
font-: '';
font-style: ;
font-: 500;
【用css设置字体的步骤分析css设置字体样式】font-: swap;

用css设置字体的步骤分析  css设置字体样式

文章插图
src: url() ('woff2');
-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* ... */
从 [1] 网站上可以查到,这个属性在各个浏览器中的支持程度为(最低版本):
forfor
No
79
58
60
11.1
11.3
81
88
86