如何使用斜体Google字体?

Arsinek

因此,我尝试使用Google字体Roboto的斜体版本。

这是Google为我选择的字体提供的代码...

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Roboto:300,100italic' rel='stylesheet' type='text/css'>

我可以使用它来应用Roboto Slab和Roboto,但是我不确定如何使用Roboto Italic。

我可以...

font-style: italic;

但是您可以使用任何字体来做到这一点,并得到一个人造斜体。我想要真正的斜体Google字体。

有人知道如何正确使用Italic Google字体吗?

zzzzBov

将斜体字体样式与Google字体一起应用的正确方法是使用

font-style: italic;

用于粗体字体粗细使用

font-weight: bold;

您遇到的问题是您没有包括斜体字体的适当字体粗细。

如果要font-weight: normal; font-style: italic工作,则需要包括400400italic版本:

http://fonts.googleapis.com/css?family=Roboto:400,400italic

之所以font-style: italic可行,是因为设置了字体声明以指定其适当的样式和粗细。如果您查看上面链接的来源,则会发现:

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: ...sources...
}

声明了font-weight和font-style可以使字体以指定的粗细和样式代替。在某些情况下(例如,您可能希望blockquote显示为斜体,而强调的文本显示为正常),这可以用于反转字体样式。

如果没有为样式和粗细指定覆盖的字体文件,则浏览器将尽力呈现仿斜体或仿粗体。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何在网站上使用Google的Roboto字体?

来自分类Dev

如何在rmarkdown的kable表中更改单元格的字体(粗体/斜体)?

来自分类Dev

粗体/斜体不适用于使用PhantomJS的自定义字体

来自分类Dev

MathJax字体不带斜体

来自分类Dev

使TextView使用具有不同样式(常规和斜体)的自定义字体

来自分类Dev

如何将粗体和斜体字体应用于NSAttributedString?

来自分类Dev

如何在自由字体中以粗体和斜体绘制字体

来自分类Dev

使用@fontface字体加载斜体

来自分类Dev

如何使用NPOI 2.2.1.0将字体指定为“斜体”?

来自分类Dev

粗体/斜体时如何更改Java BasicHTML视图中使用的字体

来自分类Dev

ITextSharp一起使用多种字体样式。例如,粗体,带下划线,斜体等

来自分类Dev

如何使用MailApp Google App脚本修改字体

来自分类Dev

如何在Sass中使用@use Google字体URL?

来自分类Dev

使用下标定义xlabel或ylabel时如何在python中禁用斜体字体

来自分类Dev

如何在ggtree的系统树中的同一标签中同时使用斜体和普通字体

来自分类Dev

如何在Flutter中定义主题时使用Google字体

来自分类Dev

如何删除字体的斜体行为。如果按钮是TILT?

来自分类Dev

如何在VueJS应用中使用Google Web字体?

来自分类Dev

在计算机上安装Google字体后如何使用

来自分类Dev

使TextView使用具有不同样式(常规和斜体)的自定义字体

来自分类Dev

Archlinux如何从常规字体生成斜体样式

来自分类Dev

如何为自定义字体使用粗体,常规和斜体字体样式?

来自分类Dev

JavaFx:如何使“ comic sans ms”字体变为斜体?

来自分类Dev

我可以使用库PhenX / php-font-lib获得斜体/粗体/浅色等字体吗?

来自分类Dev

通常使用转换倾斜而不是字体样式的斜体

来自分类Dev

如何将嵌套的斜体字体标签与Xpath匹配?

来自分类Dev

如何在Google Apps脚本中使用Awesome字体?

来自分类Dev

如何在byobu中获取斜体字体

来自分类Dev

嵌入字体会使斜体停止工作,它最初是如何工作的?

Related 相关文章

  1. 1

    如何在网站上使用Google的Roboto字体?

  2. 2

    如何在rmarkdown的kable表中更改单元格的字体(粗体/斜体)?

  3. 3

    粗体/斜体不适用于使用PhantomJS的自定义字体

  4. 4

    MathJax字体不带斜体

  5. 5

    使TextView使用具有不同样式(常规和斜体)的自定义字体

  6. 6

    如何将粗体和斜体字体应用于NSAttributedString?

  7. 7

    如何在自由字体中以粗体和斜体绘制字体

  8. 8

    使用@fontface字体加载斜体

  9. 9

    如何使用NPOI 2.2.1.0将字体指定为“斜体”?

  10. 10

    粗体/斜体时如何更改Java BasicHTML视图中使用的字体

  11. 11

    ITextSharp一起使用多种字体样式。例如,粗体,带下划线,斜体等

  12. 12

    如何使用MailApp Google App脚本修改字体

  13. 13

    如何在Sass中使用@use Google字体URL?

  14. 14

    使用下标定义xlabel或ylabel时如何在python中禁用斜体字体

  15. 15

    如何在ggtree的系统树中的同一标签中同时使用斜体和普通字体

  16. 16

    如何在Flutter中定义主题时使用Google字体

  17. 17

    如何删除字体的斜体行为。如果按钮是TILT?

  18. 18

    如何在VueJS应用中使用Google Web字体?

  19. 19

    在计算机上安装Google字体后如何使用

  20. 20

    使TextView使用具有不同样式(常规和斜体)的自定义字体

  21. 21

    Archlinux如何从常规字体生成斜体样式

  22. 22

    如何为自定义字体使用粗体,常规和斜体字体样式?

  23. 23

    JavaFx:如何使“ comic sans ms”字体变为斜体?

  24. 24

    我可以使用库PhenX / php-font-lib获得斜体/粗体/浅色等字体吗?

  25. 25

    通常使用转换倾斜而不是字体样式的斜体

  26. 26

    如何将嵌套的斜体字体标签与Xpath匹配?

  27. 27

    如何在Google Apps脚本中使用Awesome字体?

  28. 28

    如何在byobu中获取斜体字体

  29. 29

    嵌入字体会使斜体停止工作,它最初是如何工作的?

热门标签

归档