Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/41.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字体样式(谷歌字体)_Css_Xhtml_Webfonts - Fatal编程技术网

使用“特别”字体的样式,而不是html或css字体样式(谷歌字体)

使用“特别”字体的样式,而不是html或css字体样式(谷歌字体),css,xhtml,webfonts,Css,Xhtml,Webfonts,我遇到了这个恼人的问题,我似乎找不到一种方法来使用实际字体系列中的特定样式,而不是css或html样式 在我的例子中,我正在链接到html Google的Webfont:Lato。现在我只需要样式Normal400和bold700斜体 当然,当你在googlefonts上选择字体时,它会自动生成代码。我复制并粘贴两个代码,一个在html文档中,另一个在css中。但我不知道如何使用字体lato的Normal400和Bold700斜体 我的意思和使用字体“斜体”和“粗体”样式相同,而不是在html中

我遇到了这个恼人的问题,我似乎找不到一种方法来使用实际字体系列中的特定样式,而不是css或html样式

在我的例子中,我正在链接到html Google的Webfont:Lato。现在我只需要样式Normal400和bold700斜体

当然,当你在googlefonts上选择字体时,它会自动生成代码。我复制并粘贴两个代码,一个在html文档中,另一个在css中。但我不知道如何使用字体lato的Normal400和Bold700斜体

我的意思和使用字体“斜体”和“粗体”样式相同,而不是在html中使用强调或粗体标记来设置样式。字体的美学效果存在巨大差异

有没有办法做到这一点?如果是这样,我是否必须在css中使用@fontface规则,或者是否有其他方法可以绕过它,因为我有时害怕使用此规则

我到处都找过,甚至在谷歌的论坛上,他们都给出了相同的答案:使用css或html设置字体样式。

链接到字体:

<link href='http://fonts.googleapis.com/css?family=Lato:400,700italic' rel='stylesheet' type='text/css'>
将类放置在要在其上显示的图元上:

<p class="Lato-italic-700">This is Bold 700 Italic text</p>

问题是什么还不清楚。但基本上,当您按照谷歌的建议使用link元素以常规和粗体斜体字体使用Lato时,您声明字体系列为:Lato的任何文本都会出现 如果字体大小和字体样式正常,则为Lato Regular b在Lato-Bold-Italic中,如果同时应用了字体大小:粗体和字体样式:Italic c在其他情况下,如果字体重量已设置为粗体,但字体样式正常,则可能会出现其他情况,例如合成粗体Lato Regular

例如,以下内容首先生成Lato Regular,然后生成Lato Bold Italic。您可以而且通常应该使用其他标记或CSS;这只是一个简单的例子:

<!doctype html>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700italic' 
      rel='stylesheet' type='text/css'>
<style>
body { font-family: Lato; }
</style>
Hello<br>
<i><b>Hello</b></i>

如果问题仍然存在,请发布您的HTML和CSS代码,并解释“字体的样式不是HTML或CSS字体样式”的含义,以及如何区分与视觉外观的区别。

字体应符合各自的CSS属性,粗体应给出默认的粗体版本,下一个x00更粗体,等等。
<!doctype html>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700italic' 
      rel='stylesheet' type='text/css'>
<style>
body { font-family: Lato; }
</style>
Hello<br>
<i><b>Hello</b></i>