Google字体无法使用bootstrap

Question

我正在尝试在页面上使用Google字体.在我使用的html中:

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

在我的CSS中:

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

当我使用带有font-family属性的"Open Sans"时,它仍然保留在Arial上.

body
{
    background-color: #F1F1F2;
    font-family: "Open Sans", Arial;
}

Answer 1

在任何网页上使用谷歌字体都非常简单,您可以异步加载字体.

如果您不使用Google字体提供的直接代码,只需加载以下网址:

http://fonts.googleapis.com/css?family=Open+Sans:400,600

您将代表源代码(CSS).

现在,将显示的代码复制并粘贴到您网站的CSS源代码中.

然后,您可以使用以下内容在网页上使用所选的Google字体:

body
{
    background-color: #F1F1F2;
    font-family: 'Open Sans', Arial;
}

这就够了,它会起作用.