HTML – 如何使用斜体谷歌字体?

HTML – 如何使用斜体谷歌字体?,第1张

概述所以我试图使用斜体版本的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 所以我试图使用斜体版本的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;

但你可以用任何字体做到这一点,并得到一个虚假的斜体.我想要真正的斜体谷歌字体.

任何人都知道如何正确使用Italic Google字体?

解决方法 使用谷歌字体应用斜体字体样式的正确方法

Font-style: italic;

用于加粗字体重量

Font-weight: bold;

您遇到的问题是您没有为斜体字体包含适当的字体粗细.

如果你想要Font-weight:normal; Font-style:italic to work,你需要包含400和400italic版本:

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允许字体以指定的权重和样式接管.这可用于在某些情况下反转字体样式,例如您可能希望块引用显示斜体并强调文本显示正常.

如果没有为样式和重量指定覆盖字体文件,则浏览器将尽力渲染仿斜体或人造粗体.

总结

以上是内存溢出为你收集整理的HTML – 如何使用斜体谷歌字体?全部内容,希望文章能够帮你解决HTML – 如何使用斜体谷歌字体?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1084789.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存