使用CSS根据font-family更改font-size？

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 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');  
  }  
});