【问题标题】:Change font-size according to font-family using CSS?使用 CSS 根据字体系列更改字体大小?
【发布时间】:2013-11-26 18:22:39
【问题描述】:

我的 CSS 中有这个:

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

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

谢谢!

【问题讨论】:

标签: css font-size


【解决方案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');  
  }  
}); 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-11-27
    • 2011-05-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-25
    • 2020-08-21
    • 2013-02-22
    相关资源
    最近更新 更多