Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 字体在字体表面上的字体重量不起作用?_Css_Font Face_Webfonts - Fatal编程技术网

Css 字体在字体表面上的字体重量不起作用?

Css 字体在字体表面上的字体重量不起作用?,css,font-face,webfonts,Css,Font Face,Webfonts,我正试图使文本更薄,我已经看到它在网站上正常工作。(在公司概览下) 这是我正在使用的样式: .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;

我正试图使文本更薄,我已经看到它在网站上正常工作。(在公司概览下)

这是我正在使用的样式:

.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' />

我遗漏了什么?

您没有加载所有字体权重。你应该试试这样的方法:

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

您可以通过选中所有需要的字体(但如果加载太多字体,请注意网站速度!),在此google页面上根据您的需要对其进行自定义:

要使用不同的web字体权重,必须将其包含在
中,方法是将权重添加到字体名称的末尾,如下所示:

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


虽然每次添加这些内容都会使页面负载更重,但请厌倦加载太多字体和太多字体权重

您也没有在CSS中使用加载的字体。我看不到开放式SAN。是的,你的权利!将您的字体与字体系列配合使用:“开放式Sans”,无衬线;在你的.intro p声明中。谢谢,这是一个粘贴错误:)无论如何,如果他们没有加载这种字体权重,为什么它在我发布的网站上工作?Firebug显示他们也加载了css:是的,就是这样。谢谢但是为什么在我发布的原始页面上,他们没有加载,但它仍然工作?
<link rel='stylesheet' id='google_webfont_OpenSans-css' ref='http://fonts.googleapis.com/css?family=Open+Sans:400,300' type='text/css' media='all' />