CSS @supports规则又新增font-tech,font-format判断
💡
原文中文，约2300字，阅读约需6分钟。
📝
内容提要
本文介绍了CSS @supports规则中新增加的font-tech()和font-format()特性。font-tech()用于检测浏览器对特定字体技术的支持，而font-format()则用于检测字体格式支持。作者认为这两个特性在中文场景中不实用，且font-format()出现得太晚，已无必要，但仍可用于判断浏览器类型。
🎯
关键要点
- CSS @supports规则新增font-tech()和font-format()特性。
- font-tech()用于检测浏览器对特定字体技术的支持。
- font-format()用于检测浏览器对特定字体格式的支持。
- font-tech()在中文场景中不实用，因中文字体不使用这些技术。
- font-format()出现得太晚，现代浏览器已普遍支持相关字体格式。
- 作者认为这两个特性没有实际意义，但可以用于判断浏览器类型。
- 可以利用这两个函数判断当前浏览器是否为Safari。
❓
延伸问答
CSS @supports规则新增了哪些特性？
新增了font-tech()和font-format()特性。
font-tech()的主要功能是什么？
font-tech()用于检测浏览器对特定字体技术的支持。
font-format()函数有什么作用？
font-format()用于检测浏览器对特定字体格式的支持。
为什么作者认为font-tech()在中文场景中不实用？
因为中文字体不使用这些技术，成本太高。
font-format()出现得太晚的原因是什么？
因为现代浏览器已普遍支持相关字体格式，检测已无必要。
这两个特性还有什么其他用途吗？
可以用来判断当前浏览器类型，例如判断是否为Safari。
🏷️
标签
➡️
