基于字体系列的条件字体大小

有没有什么方法可以在CSS或jQuery中基于字体系列来编写条件字体大小？基于字体系列的条件字体大小

2013-01-05 Body

请在你的问题中更具体一些，例如给出一个例子你想要的东西实现 – Eli

@ user1479606我不了解你，但我发现问题完全清楚，不知道为什么它会被downvoted –

@KonradRudolph不，不清楚，特别是当你不知道他目前的情况是什么，CSS实现这样的事情？ – Eli

是的，你可以使用jQuery easyly：

if ($("div").css('font-family') === 'Arial') 
{ 
    $("div").css({'color': '#00FF00'}); 
}

用css（）你读的财产FONT-FAMILY，检查其宋体例如，然后设置你想要的任何CSS属性。或者添加一个班级。

http://api.jquery.com/css/

http://api.jquery.com/addClass/

来源

2013-01-05 11:54:03 user1721135

非常感谢，它的工作。 – Body

只有当'font-family'属性被设置为字面值'Arial'时才起作用。如果这样就足够了，你可以直接在设置'font-family：Arial'的元素上直接设置'font-size'。 –

if ($("div").css('font-family') === 'Arial') 
{ 
    $("div").css({'font-size': '100px'}); 
}

来源

2013-01-05 11:59:19

不是真的。但是在一些有限且相对无用的意义上，是的。

在CSS中，属性是相互独立的，除非CSS规范定义了关系。

在脚本中，你可以做很多事情，但简单的jQuery方式，查询css('font-family')只会给你指定的列表。如果您声明font-family: Ariel, Helvetia, sansserif（此声明有意破坏，虽然正式有效），但会为您提供字符串Ariel, Helvetia, sansserif，即使这些字体实际上没有用于该元素。所以这种方法对于最常见的用例是无用的（你想使用字体列表来覆盖不同的系统，并希望字体大小根据实际使用的字体而变化）。

有一些棘手的方法可以尝试在JavaScript中找出实际用于元素的字体。它们通常基于评估一些文本的宽度并将结果与某些字体中文本的宽度进行比较。

最后，使用font-size-adjust的方式是合乎逻辑但支持力度不足的。只有Firefox支持它，并且支持部分被严重地破坏（它使用错误的x高度信息;例如，x-height of Verdana实际上是0.545。

来源

2013-01-05 12:24:17

这完全不是一种安慰。另外，jQuery是这里最合理的选择。如果字体由于某种原因而不被支持，并且真正的字体变成helvetica，这将影响浏览器的一小部分。你似乎对css很陌生，但有些浏览器甚至不支持css或图像。没有办法使任何100％兼容。最好的方式来解决这个问题与大多数浏览器的最佳覆盖是jQuery检查设置CSS。 – user1721135

@ user1721135事实上，答案很好。如果有疑问，在你自己的理解中而不是其他人的缺点。你的说法“你似乎是CSS的新手”是非常可笑的。你*知道'font-size-adjust'吗？我不这么认为。 Jukka做到了，这正是OP之后的事情（但它不起作用）。 –

是的，我知道字体大小调整和它的无用，因为它不支持许多浏览器。提到无用的理论解决方案是什么让我质疑你的专业知识和实际的经验。 OP听起来像他必须做的工作，并遵守规范，听起来不像他正在一个只有4乐趣的学校项目工作。 – user1721135

基于字体系列的条件字体大小

回答

相关问题