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

标签 css font-size

我的 CSS 中有这个:

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

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

谢谢!

最佳答案

在我看来,您将需要一些 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');  
  }  
}); 

关于css - 使用 CSS 根据字体系列更改字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20214037/

相关文章:

css - chrome不显示字母:table div take 100% height

iphone - 字体大小(以像素为单位)

javascript - 向 Textarea 添加字体 + 功能

javascript - 如何设计 Gmail 发送按钮

css - 尝试添加背景图片时 Sass 语法错误无效的 CSS

javascript - HTML 5 Canvas 在我的元素中不起作用,但相同的代码在 JSFiddle 中有效?

css - 如何始终调整本身小于标准的字体大小?

ios - 如何在 Storyboard 中为uilabel设置大于300的字体大小?

php - <span> 背景字体大小

css - 在 wordpress 的 php 文件中查找标签