Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html 内部谷歌字体CSS_Html_Css_Fonts_Google Font Api - Fatal编程技术网

Html 内部谷歌字体CSS

Html 内部谷歌字体CSS,html,css,fonts,google-font-api,Html,Css,Fonts,Google Font Api,我们希望将标签放在标记中,而不是使用将其插入页面 将其插入页面的标记的正确方法是什么? 我们尝试了以下操作,但无法确定这是否正确 /*西里尔文字*/ @字体{ 字体系列:“开放式SAN”; 字体风格:普通; 字体大小:400; src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2

我们希望将标签放在
标记中,而不是使用
将其插入页面

将其插入页面的
标记的正确方法是什么?

我们尝试了以下操作,但无法确定这是否正确


/*西里尔文字*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2)格式('woff2');
unicode范围:U+0460-052F、U+1C80-1C88、U+20B4、U+2DE0-2DFF、U+A640-A69F、U+FE2E-FE2F;
}
/*西里尔语*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2)格式('woff2');
unicode范围:U+0400-045F、U+0490-0491、U+04B0-04B1、U+2116;
}
/*希腊分机*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2)格式('woff2');
unicode范围:U+1F00-1FFF;
}
/*希腊语*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2)格式('woff2');
unicode范围:U+0370-03FF;
}
/*越南人*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2)格式('woff2');
unicode范围:U+0102-0103、U+0110-0111、U+1EA0-1EF9、U+20AB;
}
/*拉丁语系*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2)格式('woff2');
unicode范围:U+0100-024F、U+0259、U+1E00-1EFF、U+2020、U+20A0-20AB、U+20AD-20CF、U+2113、U+2C60-2C7F、U+A720-A7FF;
}
/*拉丁语*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2)格式('woff2');
unicode范围:U+0000-00FF、U+0131、U+0152-0153、U+02BB-02BC、U+02C6、U+02DA、U+02DC、U+2000-206F、U+2074、U+20AC、U+2122、U+2191、U+2193、U+2212、U+2215、U+FEFF、U+FFFD;
}
... 某个人。。。

如果您使用例如

body {
    font-family: 'Open Sans';
}
您将看到新字体应用于主体。因此,它正在发挥作用。 参见Mozilla文档:


/*西里尔文字*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2)格式('woff2');
unicode范围:U+0460-052F、U+1C80-1C88、U+20B4、U+2DE0-2DFF、U+A640-A69F、U+FE2E-FE2F;
}
/*西里尔语*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2)格式('woff2');
unicode范围:U+0400-045F、U+0490-0491、U+04B0-04B1、U+2116;
}
/*希腊分机*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2)格式('woff2');
unicode范围:U+1F00-1FFF;
}
/*希腊语*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2)格式('woff2');
unicode范围:U+0370-03FF;
}
/*越南人*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2)格式('woff2');
unicode范围:U+0102-0103、U+0110-0111、U+1EA0-1EF9、U+20AB;
}
/*拉丁语系*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2)格式('woff2');
unicode范围:U+0100-024F、U+0259、U+1E00-1EFF、U+2020、U+20A0-20AB、U+20AD-20CF、U+2113、U+2C60-2C7F、U+A720-A7FF;
}
/*拉丁语*/
@字体{
字体系列:“开放式SAN”;
字体风格:普通;
字体大小:400;
src:local('OpenSans-Regular')、local('OpenSans-Regular')、url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2)格式('woff2');
unicode范围:U+0000-00FF、U+0131、U+0152-0153、U+02BB-02BC、U+02C6、U+02DA、U+02DC、U+2000-206F、U+2074、U+20AC、U+2122、U+2191、U+2193、U+2212、U+2215、U+FEFF、U+FFFD;
}
身体{
字体系列:“开放式SAN”;
}
... 某个人。。。

为了将来的参考,这将是内部的,而不是内联的。内部CSS位于HTML文件的
头部
。内联CSS直接附加到HTML文件中的特定元素,例如
@Nick感谢您的解释。问题已经更新以反映这一点。我确实更新了问题的更多细节。它看起来与上面显示的类似。您认为只要使用
字体系列“opensans”,我们就可以用您的答案完成这项工作,这样说对吗只要它是在
标记之后定义的
?是。事实上,你可以