css - 使用 CSS 根据字体系列更改字体大小？

Question

我的 CSS 中有这个:

font-family: "Microsoft Yi Baiti","Verdana";
font-size: 22px;

22px 可以用于 Microsoft 字体，但不适用于 Verdana。如果未安装 Microsoft 字体，它将切换到 Verdana，没关系。但是，Verdana 的字体大小必须为 15px。我怎么能说一旦选择了替代方案 (Verdana)，就应该使用 15px 的字体？

谢谢!

Answer 1

在我看来，您将需要一些 javascript 来解决这个问题。

1. 你应该看看这个链接 http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

2. 为每种字体创建一个小脚本

如果没有安装Microsoft 易白体字体，您将把第二个字体的字号设置为15px。您还可以为每种字体创建一个测试，并为每种字体添加字体大小值。

$(document).ready(function () {  
  font.setup(); // run setup when the DOM is ready  

  if(!font.isInstalled('Microsoft Yi Baiti')) {  
   $('body').css('font-size','15px');  
  }  
});