cross-browser - @font-face 和 CSS3 在本地工作但不在主机上工作

标签 cross-browser css font-face

我为您准备了一个有点奇怪的(可以这么说)。我为我的网站设计了一个“即将推出”的小页面,该页面在本地(在 WAMP 设置上)运行完美 - 在功能强大的浏览器(即 Chrome 和 Safari)中,该页面看起来不错并且具有漂亮的小 CSS3 过渡效果悬停时。在其他浏览器中,页面看起来(实际上)完全相同,并且悬停效果仍然有效,只是没有过渡。

上传到我的主机后,该网站看起来仍然很好,在 Chrome 和 Safari 中也能正常工作,但出于某种原因,在 Firefox 中,@font-face 声明似乎不起作用,在 IE 中布局略有不同.

我很困惑!这些文件在我的主机上与我在本地拥有的完全相同。

网址是http://iamfriendly.com/

CSS 文件可见于:

http://iamfriendly.com/wp-content/themes/iamfriendly_comingsoon/css/screen.css

http://iamfriendly.com/wp-content/themes/iamfriendly_comingsoon/css/typography.css

如有任何建议,我们将不胜感激!

理查德

最佳答案

拥有files在多个域上 complicates things .

关于cross-browser - @font-face 和 CSS3 在本地工作但不在主机上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2844609/

相关文章:

asp.net - 你如何创建一个跨浏览器的 css 菜单,它不需要你为菜单的每个级别提供样式

javascript - 如何更改此 "snow script"中雪的颜色

html - @font-face 只改变一个字母

c# - 为什么 C# 中的 fontstyle 枚举缺少粗体斜体?

html - 字体不工作 IE7/IE 8

css - 在 IE、FF、Safari/Chrome 下一致调整 <textarea> 的大小

css - 用于 ie7-8 的 Rem 回退

javascript - 为什么 IE 不识别 __SCROLLLPOSITIONY?它抛出未定义的 JS 运行时错误

css - Gumby 列在 Chrome 中显示为 block 元素

javascript - 使用可拖动的 jQuery 方法并隐藏 div 上的滚动条?