Safari不会渲染字体，但使用Chrome

Question

我正在设置带有本地字体的打字机页面。我正在使用@ font-face导入它，但它不会在Safari中呈现。它在Google Chrome上呈现。

这是网页https://www.dynamik.systems/typewriter/ （您必须按一些键才能看到一些字母）。

@font-face {
  font-family: "dynamik";
  src: url('http://www.dynamik.systems/wp-content/themes/fonts/DynamikGX.eot') format('opentype'),
       url('http://www.dynamik.systems/wp-content/themes/fonts/DynamikGX.ttf') format('truetype'),
       url('ttp://www.dynamik.systems/wp-content/themes/fonts/DynamikGX.woff') format('woff');
}


#content{
 font-family: "dynamik";
}

谢谢！

Answer 1

看起来您有两个问题：

1）所有3个字体网址均应为https 2）第三个网址也从h开始丢失

您还可以添加一些其他规则来添加字体外观，例如现在无法通过我的手机链接，但稍后将无法更新我的答案。