Shopify:无法从其他服务器加载外部样式表

Question

https://friends-with-you.myshopify.com/

我正在努力开发我的第一个shopify主题.我正在尝试加载托管在另一台服务器上的样式表,但CSS没有加载.如果我将CSS直接复制并粘贴到shopify主题的文件中,它就可以了.

 <link type="text/css" rel="stylesheet" href="http://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

我在上面的URL上做错了什么,为什么不加载css？

谢谢!

Answer 1

你可以通过http和https加载你的CSS文件吗？如果是这样,请将您的代码更改为如下所示:

<link type="text/css" rel="stylesheet" href="//fwy.pagodabox.com/magic/themes/fwy/fwy.css" />

这样,用户访问是否使用http://yourstore.com或者https://yourstore.com,他们会得到使用他们的协议服务的样式表(你不会得到任何混合内容的警告).

更多背景:http://paulirish.com/2010/the-protocol-relative-url/

在IE7和IE8下,在<link>标记中使用此选项将导致您的内容被提取两次.

Answer 2

更改您的链接标记以使用安全网址:

<link type="text/css" rel="stylesheet" href="https://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />
                                                 ^

您现在使用的URL本身可以正常工作,但由于您通过SSL浏览Shopify存储,许多Web浏览器会因为在不安全的连接上加载CSS而犹豫不决.

我刚刚检查过,pagodabox服务于CSS文件就好了.