CSS font-family 不同的顺序

Question

我在两个不同的项目中有相同的 font-family 属性，下面是 firebug 显示它们的方式。

1) Arial

2) Open Sans

为什么第一个有“Arial”标记为活动（蓝色），而第二个有“Open Sans”。我希望 Open Sans 在两者上都显示为活动状态，因为在当前情况下字体不一样。

Answer 1

安装 Google 字体时需要执行两个主要步骤。

---

1.将链接添加到谷歌服务器上的字体文件位置

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

或

将导入链接添加到您的 css 文件：

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

---

2.添加 css 以将两者与您的元素链接在一起。

font-family: 'Open Sans', sans-serif;