font-face上的font-weight无法正常工作？

Question

我试图使文本更薄,我已经看到它在网站上正常工作. 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>

我错过了什么？

Answer 1

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

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

您可以通过checkig所需的所有字体在Google页面上根据需要对其进行自定义(但如果加载的字体太多,请注意网站速度!):http://www.google.com/webfonts#UsePlace:use /收集打开+三世