【问题标题】:Google font @font-face not working谷歌字体@font-face 不工作
【发布时间】:2016-04-08 19:47:49
【问题描述】:

我在这里阅读了很多“@font-face not working”的问题,但没有一个可以帮助我解决当前的问题。

根据this,我必须“添加样式表链接以请求所需的网络字体”。

所以在我的 HTML 的 中,我添加了:

<link href='https://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>

然后我尝试通过在我的 HTML 中添加这段代码来设置元素的样式:

<div style="font-family: 'Damion', serif;">My text</div>

Damion 字体:

目前它在 Times New Roman 中显示“我的文本”。

HTML 或 CSS 中其他地方的代码 sn-p 是否有可能停用 @font-face?

Safari 9(优胜美地)。

【问题讨论】:

  • 它适用于 FF..btw 您检查了哪个浏览器?
  • 工作正常jsfiddle.net/m0revpc0。这是另一回事。

标签: html css fonts font-face


【解决方案1】:

您给定的代码工作正常。您可以检查以下...

  • 这必须需要互联网连接才能从 Google 字体服务器
  • 重新检查输入错误的代码

或者请提供浏览器和版本

【讨论】:

  • 我添加了浏览器和版本。是否存在禁用 @font-face 的 CSS 或 HTML 代码或标记?
  • 它在 Firefox、Chrome 和 Safari (8.0.8) 上运行良好,请检查您的防火墙/代理/Internet 设置。
猜你喜欢
  • 2018-06-11
  • 1970-01-01
  • 2012-02-16
  • 1970-01-01
  • 2014-10-12
  • 2019-01-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多