0

我正在尝试使文本更薄，并且我已经看到它在网站上正常工作。 http://www.freshthemes.net/demo/backbone/about-us/（下company overview）

这是我正在使用的风格：

.intro p{
    text-align: justify;
    margin-bottom: 8px;
    line-height: 22px;
    margin-bottom: 8px;
    font: 17px/21px "Open Sans", Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    color:#656565;
}

字体加载：

<link rel='stylesheet' id='google_webfont_OpenSans-css'  href='http://fonts.googleapis.com/css?family=Open+Sans' type='text/css' media='all' />

事情，font-weight财产似乎没有任何影响。不介意我是否将其设置为 300。（它不应该，在以前的网站上它的工作）

这是我的身体：

<div class="intro">
    <p>
        This is the text that should be thinner
    </p>
</div>

我错过了什么？

4

2 回答 2

10

您没有加载每个字体权重。你应该尝试这样的事情：

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

您可以通过检查您需要的所有字体在此 google 页面上对其进行自定义（但如果您加载的字体过多，请注意网站速度！）： http ://www.google.com/webfonts#UsePlace:use/合集：Open+Sans

于 2012-11-13T11:41:02.203 回答
1

为了使用不同权重的网络字体，您必须将其包含在您的 中<link>，方法是将您的权重添加到字体名称的末尾，如下所示：

<link rel='stylesheet' id='google_webfont_OpenSans-css' ref='http://fonts.googleapis.com/css?family=Open+Sans:400,300' type='text/css' media='all' />

虽然每个这样的添加都会使您的页面加载更重，但要厌倦使用太多字体权重加载太多字体

于 2012-11-13T11:42:54.243 回答