我有一些从 Google CDN 加载的字体，如果浏览器未加载或不支持所提及的字体，我希望使用不同的<body>字体大小。
我想要实现的目标： -
我希望body { font-size:16px }加载CDN字体（Open Sans）
如果未加载/不支持该字体，则为body { font-size: 14px }。
因为所有字体大小都是在
em下方测量的，如果字体不是 加载然后布局受到巨大的通用字体的干扰。
有没有办法在 CSS 或 Javascript / jQuery 的帮助下实现这一目标？
答案 0 :(得分：0)
您可以在字体上侦听onload事件并检测@ font-face支持
如果是onload或support echec，则将正文font-size设置为14px
要检测onload字体，您可以尝试这样做：
https://github.com/patrickmarabeas/jQuery-FontSpy.js
要检测@ font-face支持，您可以尝试这个github项目：
https://github.com/paulirish/font-face-detect