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

Question

我的 CSS 中有这个：

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

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

谢谢！

Answer 1

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

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

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

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

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

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