css - 更改字体样式 wrt @font-face 支持

Question

我知道大多数“现代”浏览器都支持 @font-face在 CSS 中。但可能有一些异常(exception)。我想知道是否可以根据@font-face 浏览器支持更改某些选择器的字体大小。即，我想设置 font-size的 <span> .

如果浏览器支持@font-face，我想要 20px，如果不支持，我想要 30px。我怎样才能使这成为可能？如果这可以通过使用纯 CSS 来完成，那就太好了。

Answer 1

我认为在这里您应该使用 IE Hacks，您还可以阅读其他 hacks chrome和 firefox能够检查版本并匹配它们，但我想专注于特定浏览器 - Internet Explorer

正如我开始所说的，您可以使用 IE hacks 来匹配字体大小，例如:

<!--[if IE]>
<style>
 span{
  font-size: 30px;
 }
</style>
<![endif]-->
 <style>
  span{
   font-size: 20px;
  }
 </style>

就像我说的，你可以使用 firefox/chrome 和其他浏览器的 css“hacks”来检查版本，并检查支持 @fontface，我没有给你 fontface 示例，因为我不有链接，我不希望混淆。

希望我有所帮助。

编辑:我不确定我是否清楚然后我想快速说明一点:

您可以检查每个浏览器(以及每个版本)，看看他是否支持字体，如果他不支持，您只需使用相同的浏览器 hack 来更改 span 字体大小。