html - 网站在 safari 中的远程本地 url 上呈现不同

标签 html css safari html-rendering

我正在开发我的婚礼网站,我有一个我真的不明白的问题:当我在我的本地机器上浏览它时,网站呈现正确,但如果我远程浏览网站,有一个部分显示在一个错误的方式。为了确定文件的正确性,我刚刚在 ftp 上删除了网站的所有文件,然后从头开始重新上传。同样的问题。它只发生在 safari 上,在所有其他浏览器上网站都呈现良好

这是我在本地看到的网站

enter image description here

这是我远程查看同一个文件的方式

这怎么可能?

对于任何想要帮助的人,该网站的链接是 http://silviaesimone.com

谢谢

enter image description here

最佳答案

服务器为 Bebas Neue 字体使用了错误的 MIME 类型。它将字体作为 text/plain 发送,这显然是 Safari 无法处理的。

解决方案:确保以正确的 MIME 类型提供扩展名为 .otf 的文件,即 font/opentype

(这取决于您需要如何执行此操作的服务器类型;请参阅 here 用于 IIS 或 here 用于 Apache)。

关于html - 网站在 safari 中的远程本地 url 上呈现不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30953140/

相关文章:

jquery - 如何打开带有类而不是 id 的 jQuery 对话框?

jQuery - 从具有相同类标识的多个元素中更改一个元素的 CSS

asp.net - 为作为服务器控件的 DIV 设置类

html - Chrome 和 Safari 中表格内的图像 100% 高度错误

html - 如何更改CSS阅读更多按钮

javascript - HTML5 Canvas 中的跨域数据

html - 设置宽度后文本不响应

html - CSS |动画 div 高度从显示 :none to block 开始的内容变化

javascript - 如何强制 Instagram 在 Safari 而不是应用程序浏览器中打开链接

javascript - 禁用滚动,但保持缩放能力