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

Question

我知道大多数“现代”浏览器@font-face都支持 CSS。但可能有一些例外。我想知道是否可以根据@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，我没有给你字体示例，因为我没有链接，我不希望混淆。

希望我有所帮助。

编辑：我不确定我是否清楚然后我想快速指出：

您可以检查每个浏览器（也每个版本）并查看他是否支持字体，如果他不支持，您只需使用相同的浏览器 hack 来更改跨度字体大小。