【问题标题】:<h1> to <h6> tags are not being displayed in Chrome?<h1> 到 <h6> 标签没有显示在 Chrome 中?
【发布时间】:2017-12-17 20:58:47
【问题描述】:

我在 Google Chrome 上遇到了一个非常奇怪的错误,当使用 Google 的“Roboto”字体时,屏幕上没有呈现 h1 到 h6 标签。

它在 Firefox 中有效,但在 Chrome 中无效,我迷路了,不知道发生了什么 - 有人遇到过这个错误吗?这是我的 h2、h3 标签代码:

h2, h3 {
    margin: 0;
    margin-bottom: 5px;
}

comparison http://domcorso.me/0/2/h1h6.png

【问题讨论】:

  • 在网络/资源下检查您的开发人员工具。字体是否正确加载?您是否安装了 Roboto 的本地(损坏?)副本?
  • 嘿特里,字体被正确加载,因为段落使用与标题标签相同的@font-face。我开始认为这只是我的软件/硬件和 Chrome 本身的渲染问题
  • 可能某些 Chrome 扩展正在影响渲染。您是否尝试过禁用它们?
  • 尝试在问题中的 sn-p 或 jsfiddle 中重新创建问题。或者,如果这不起作用,请提供指向该网站的链接(但仅作为最后的手段)。
  • 您确定您的标题没有应用任何样式(例如颜色:#fff;)。 Roboto 对我来说可以渲染:jsfiddle.net/sw1hsakx

标签: css google-chrome


【解决方案1】:

更新:h1-h6 标签自动包含“font-weight:bold”——在将“font-weight”属性设置为“normal”后,它就可以工作了。有点奇怪,这可能与我使用 Roboto Light 而不是像 Alvaro 在他的 JSfiddle 中使用的 Roboto 常规这样的事实有关。

【讨论】:

  • 字体粗细为 '600' 或更高不会呈现
  • 您应该编辑问题并输入此信息。答案旨在提供解决方案,而不是问题的额外信息。
【解决方案2】:

试试这个:你可以在字体 face="calibri" 中输入任何你想要的文本。

<font face="calibri">
<h1>Whater the text you want</h1>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-14
    • 1970-01-01
    • 2015-05-27
    相关资源
    最近更新 更多