Question

我有以下CSS代码：

.massp_text_box p {
  font-size: 20px;
  font-family: "Eurostile-Bold",Helvetica,Arial,sans-serif;
  color:#dadbdc;
}

由于我只有.otf和.ttf中的字体，我不能支持IE。在这种情况下，IE将Arial作为字体。在这种情况下，font-size不应该是20px - 它应该是18px。

如何判断我的CSS代码“如果不支持Eurostile-Bold，请使用font-size：18px。”

有什么想法吗？谢谢！

Answer 1

你可以在这种情况下使用条件注释和/或条件编译来定位，但你也可以通过http://fontsquirrel.com

创建所需的格式

Answer 2

我建议您创建一个仅限IE的样式表，以便您可以专门为IE设置这些值。 Microsoft已经实现了一个解决方案来完成这个名为＆＃34;条件评论＆＃34;。它们的工作方式是条件注释仅在用户使用Internet Explorer访问您的站点时注册，并且所有其他Web浏览器将忽略注释和嵌套在条件注释中的任何代码。

为了在您的情况下使用它们，您需要执行以下操作：

1] 创建一个名为ie.css的新样式表，并将其放在与原始CSS文件相同的目录中。

2] 将通常用于定位.massp_text_box p的CSS代码放入ie.css文件，但将字体大小更改为18px。我使用了您的示例代码，但随意将这些样式更改为您想要的任何内容，因为IE将是唯一使用它们的浏览器：

.massp_text_box p {
  font-size: 18px;
  font-family: "Eurostile-Bold",Helvetica,Arial,sans-serif;
  color:#dadbdc;
}

3] 最后，在您的HTML代码中，您需要将条件注释嵌套在<head>标记中，就像普通样式表一样，并确保更改href=，以便链接到ie.css样式表的正确位置。

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

*注意：此条件注释针对所有IE版本，但如果您愿意，您可以选择仅定位特定的IE版本。请参阅额外阅读以了解如何执行此操作，但针对您的直接需求，上述代码应该足够了。

额外阅读： http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

如果不支持Font，请减小font-size

2 个答案: