根据浏览器更改网页字体类型

【问题标题】：Change web font-face type depending on browser根据浏览器更改网页字体类型
【发布时间】：2014-11-07 14:09:18
【问题描述】：

有没有简单的CSS规则通过检测浏览器类型来改变整个body font-face类型？

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

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

【问题讨论】：

【解决方案1】：

您可以在 HTML 中使用条件 cmets 来检测低于 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; }

【讨论】：

【解决方案2】：

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

而不是做：

body {
    font-family: Open-Sans;
}

你可以这样做：

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

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

【讨论】：