html - Google 字体无法在 Safari 中加载

标签 html css fonts safari

我正在这个网站上工作: 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 中无效!而且我不知道如何实现,我已经花了大量时间浏览互联网了! 问题是什么?你有什么猜测吗? 非常感谢

最佳答案

字体位于/hu 文件夹内

而不是:

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

用途:

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

关于html - Google 字体无法在 Safari 中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61233515/

相关文章:

javascript - 我在编写一个 js 并将其设置为具有相同 id 的多个 div 时遇到问题

html - 内部div浮出父div

html - 包含水平列表的 block 元素上的流体宽度

ios - Italic 字体不适用于 iOS 7 上的中文/日文/韩文

iOS7:我们可以使用 Helvetica Neue 以外的动态类型字体吗?

javascript - DuckDuckGo 如何根据我是否访问过页面显示图标?

html - 什么是跨浏览器渲染?

jquery - 我的 jQuery 图像 slider 有点问题

css - 关键帧 CSS 动画问题 最新的 Chrome 浏览器

css - 行高问题