。与的阻塞期一致,但是没有交换期,如果在阻塞期的 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;
文章插图
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
!
- 薄荷怎么吃 薄荷清凉降温,教你如何巧妙食用薄荷!
- 枸杞有什么作用 这东西很便宜却是补肾神品,男女都需要,太厉害了!
- 黑芝麻怎么吃最好 黑芝麻功效作用多,这样吃最健康
- 网易严选超级会员有什么用(免费获得网易VIP邮
- 盘点各种实用型的微商引流法 微商引流方法有哪些
- 嘴皮干用什么代替唇膏 嘴皮干可以用凡士林吗
- 用化妆棉敷爽肤水要敷多久 怎么用化妆棉湿敷爽肤水
- 缱绻什么意思?缱绻怎么用
- 奥司他韦哺乳期能吃吗 要如何服用?
- 美的空调质量用户评价(美的冷静星二代优缺点