javascript - 如何检查 js 上的字体系列？

Question

可能的检查用户是安装字体系列，如果没有安装运行 js 功能应用程序使用 angular js，我使用 typekit 字体。我已经加载字体这个服务只有用户没有这个字体

Answer 1

您可以使用http://www.lalit.org/lab/javascript-css-font-detect/中讨论的 js 文件。

它依赖于两个原则：
  1. 不同的字体有不同的字符宽度。
  2. 如果您尝试使用浏览器中未安装的字体，它将使用默认字体。

因此，如果要测试是否安装了字体 F，基本思路是使用字体 F 创建一个带有一些文本的元素。然后使用默认浏览器字体创建相同的元素和文本。然后使用 offsetWidth 属性比较两个元素的宽度。如果它们相同，则很有可能您的浏览器不支持 F。如果它们不同，则您的浏览器必须支持 F。