张鑫旭-鑫空间-鑫生活 ·

CSS @supports规则又新增font-tech,font-format判断

Q: 为什么作者认为font-tech()在中文场景中不实用？

因为中文字体不使用这些技术，成本太高。

💡 原文中文，约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。

🔎

延伸解读

font-tech()的局限性

font-tech()函数主要用于检测浏览器对特定字体技术的支持，但在中文字体场景中并不实用。由于中文字体的复杂性和成本，当前尚未出现广泛使用这些技术的中文字体。因此，开发者在使用此特性时需考虑其实际应用价值。

font-format()的时效性

font-format()函数用于检测字体格式的支持，但其出现的时机较晚，现代浏览器普遍已支持相关格式，使用此特性判断的必要性大大降低。开发者应关注浏览器的更新情况，以便更有效地利用CSS特性。

潜在的浏览器判断工具

尽管font-tech()和font-format()在实际应用中存在局限性，但它们可以作为判断浏览器类型的工具。例如，通过检测不支持的字体技术，可以推测用户是否使用Safari浏览器。这为开发者提供了另一种识别用户环境的方式。

❓

延伸问答

CSS @supports规则新增了哪些特性？

新增了font-tech()和font-format()特性。

font-tech()的主要功能是什么？

font-tech()用于检测浏览器对特定字体技术的支持。

font-format()函数有什么作用？

font-format()用于检测浏览器对特定字体格式的支持。

为什么作者认为font-tech()在中文场景中不实用？