【问题标题】:Google Font doesn't load in SafariGoogle 字体无法在 Safari 中加载
【发布时间】:2020-07-28 16:55:34
【问题描述】:

我在这个网站上工作: poschbuchhandlung.at/hu/index.html

我尝试使用@font-face 实现 Google 字体:

 @font-face {
font-family: 'Inconsolata';
font-style: normal;
font-weight: 400;
src: url('../fonts/inconsolata-v18-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
url('../fonts/inconsolata-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/inconsolata-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/inconsolata-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/inconsolata-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/inconsolata-v18-latin-regular.svg#Inconsolata') format('svg'); /* Legacy iOS */
}

这在 Firefox 中有效,但在 Safari 中无效!而且我不知道怎么做,我已经花了很多时间浏览互联网! 问题是什么?你有什么猜测吗? 非常感谢

【问题讨论】:

  • 你的文件夹中有inconsolata-v18-latin-regular.ttf吗?
  • 是的,就像所有其他字体一样...我真的停留在这一点上

标签: html css fonts safari


【解决方案1】:

字体在 /hu 文件夹中

代替:

../fonts/inconsolata-v18-latin-regular.ttf

用途:

 ../hu/fonts/inconsolata-v18-latin-regular.ttf

【讨论】:

  • 这是 Safari 特有的东西吗?或者为什么它可以在 Firefox 上运行?
  • 不,检查控制台中的错误。也许这条路线只存在于firefox
猜你喜欢
  • 2016-05-29
  • 1970-01-01
  • 2012-11-27
  • 2015-04-15
  • 2017-12-25
  • 1970-01-01
  • 1970-01-01
  • 2021-06-09
  • 1970-01-01
相关资源
最近更新 更多