图标字体(Icon Fonts)适用的正确font-display值是什么?
font-display 与被忽略的图标字体细节
嘿,你了解font-display这个CSS新属性不?它能让开发者根据字体的加载速度,精准控制字体的渲染逻辑,实用性拉满。目前已经有不少文章讲过它,比如《Controlling Font Performance with font-display》和《font-display for the Masses》,但有意思的是,这些内容都完全没提到**图标字体(Icon Fonts)**的适配问题。
虽说在font-display的官方规范里,有个示例提到给图标字体搭配block值,但我真觉得这事儿不太合理:
‘block’会为字体提供一个短暂的阻塞期(Mozilla推荐时长为3秒……)
你想啊,图标字体大多是用来做那些小巧的功能图标,比如导航栏图标、按钮图标之类的。要是用block值,那在字体加载完成前的3秒里,图标所在的位置就会一片空白——用户本来可能想点某个图标操作,结果半天看不到东西,这体验可不太友好。
内容的提问来源于stack exchange,提问作者rink.attendant.6
相关产品推荐
相关产品推荐

