Question

是否有任何简单的CSS规则可以通过检测浏览器类型来更改整体字体 - 面部类型？

Open-sans在IE中不起作用，所以我正在寻找一种方法来根据浏览器进行更改。

我试着看this question，但仍然不明白如何完成这项任务。

Answer 1

您可以在HTML中使用条件注释来检测低于IE 11的Internet Explorer。http://de.wikipedia.org/wiki/Conditional_Comments

<!DOCTYPE html>
<!--[IF IE]><html class="lt-ie11" lang="de"><![endif]-->
<html lang="de">

之后，您可以定义两个不同的CSS规则。

body { font-family: Open-Sans; }
html.lt-ie11 body { font-family: sans-serif; }

Answer 2

除了在CSS中添加条件注释之外，另一个解决方案是在CSS中指定一个回退字体系列。

而不是：

body {
    font-family: Open-Sans;
}

你可以这样做：

body {
    font-family: Open-Sans, Helvetica, Arial, sans-serif;
}

浏览器将首先尝试使用Open Sans。如果它找不到字体，它会尝试使用Helvetica，然后是Arial，然后最后使用默认的sans-serif字体，如果一切都失败了。