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

Question

我在我的CSS中有这段代码：

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

对于Microsoft字体，22px的大小是可以的，但对于Verdana字体来说不合适。如果没有安装Microsoft字体，则会切换到Verdana字体，这是可以接受的。然而，Verdana字体的字号必须为15px。如何在选择替代字体（Verdana）时立即使用15px的字号？

谢谢！

- user1856596

---

可能是CSS字体族降级时字号发生变化的重复问题。 - cbr

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

- jeremybarbet