如何找出支持Web字体的浏览器或不使用javascript?

问题描述

| 我只想要一段代码来检查浏览器是否支持CSS3 Web字体。 例如,我有一种字体,该字体的大小为12px,看起来太小了,因此我必须将其设置为16px,但是如果使用没有webfonts支持的浏览器查看该页面,则该文本看起来太大。     

解决方法

        您可以为此使用Modernizr:@ font-face检测文档。     ,        雷米·夏普的这篇文章给了我最大的成功。另外,您还可以使用Comic Sans。 http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/ 这里的基本思想是使用具有巨大字体大小的Comic Sans作为要检测的字体的后备。因为CS是这么宽的字体,所以如果未安装要检测的字体,则div将比预期的宽。