html - Magento、图标包、CName 记录和 Cloudflare

标签 html css magento cloudflare icon-fonts

我目前正在通过 Cloudflare 运行 Magento 商店,我一直遇到重复订单,一些堆栈溢出用户认为这是由于 Cloudflare 造成的。为了对此进行测试,同时在某种程度上仍在使用我的 Cloudflare 订阅,我决定为我的媒体、皮肤和 JS 文件创建 CName 记录(例如:cdn1.mydomain.com),并让 cloudflare 仅提供这些资源。

它似乎进展顺利,除了我在 FireFox 浏览器上出现奇怪的行为。

我的样式使用以下代码正确链接到页面:

<link rel="stylesheet" type="text/css" href="http://cdn1.mydomain.com.au/skin/frontend/theme/default/css/styles.css">

在我的样式表中,我使用以下代码(来自 IcoMoon)链接到我的字体包:

/* BEGIN Install Custom Icons from IcoMoon */
@font-face {
    font-family: 'icons';
    src:url('../fonts/icons-v8.eot');
    src:url('../fonts/icons-v8.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icons-v8.svg#icons') format('svg'),
        url('../fonts/icons-v8.woff') format('woff'),
        url('../fonts/icons-v8.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

这一切在我的根域上启用了 cloudflare 时一切正常,当它被禁用时,但是,当我为 cdn1.mydomain.com.au 打开它时,我在 FireFox 中的图标不再加载。然而,它们确实可以毫无问题地加载到 Chrome 中。

当查看 fire bug 中的网络选项卡时,我可以看到 Fire Fox 确实在查找并下载字体包,因为它以 Success Header(200 OK) 响应。

关于为什么 FireFox 难以显示字体包,我是否遗漏了什么?

最佳答案

这可能是 Rocket Loader 之类的问题。在性能设置中关闭该功能(如果打开)是否可以解决问题?

问题出在一个浏览器而不是另一个浏览器的事实向我暗示了一个可选的性能特性可能会影响某些东西)。

关于html - Magento、图标包、CName 记录和 Cloudflare,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20510986/

相关文章:

html - 为什么除了侧边菜单之外的所有内容都针对移动屏幕进行了调整?

jquery - 预加载损坏,仅在页面加载后出现,仅在 Chrome 中发生

php - C++ SOAP 客户端

html - 如何居中角色 |在元素之前

javascript - 如何在调整大小和旋转后重叠两个 div 的中心?

javascript - 如何获取使用 jquery 可见的第一个表行 "<td></td>"文本

jquery - 更改移动的 css 类

jquery - 需要视频为 3 个样式表工作 - 目前视频从较小的 div 中溢出

php - 捆绑产品的 Magento Checkbox 需要数量

magento - 使用 Magento 方法编写插入查询,小心 SQL 注入(inject)