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" />
我在上面的网址上做错了什么，为什么不加载css？
谢谢！
答案 0 :(得分：10)
您可以通过http和https加载CSS文件吗？如果是这样，请将您的代码更改为：
<link type="text/css" rel="stylesheet" href="//fwy.pagodabox.com/magic/themes/fwy/fwy.css" />
无论用户是使用http://yourstore.com还是https://yourstore.com进行访问，他们都会使用他们所使用的协议获取样式表（并且您不会收到任何混合内容警告）。< / p>
多一点背景：http://paulirish.com/2010/the-protocol-relative-url/
在IE7和IE8下，在<link>标记中使用此选项会导致您的内容被提取两次。
答案 1 :(得分：6)
更改您的链接代码以使用安全网址：
<link type="text/css" rel="stylesheet" href="https://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />
^
您现在使用的网址本身可以正常使用，但由于您通过SSL浏览Shopify商店，许多网络浏览器会对通过不安全的连接加载CSS感到犹豫。
我刚检查过，pagodabox很好地通过SSL提供了CSS文件。
答案 2 :(得分：0)
在普通的HTML文档中，可以从任何地方加载样式表，只要它们存在并且您可以通过键入URL来加载它们（我可以）。
我将页面视为两个导航栏，左侧有徽标。有悬停状态，每个项目都有过渡到颜色背景。虽然，当我加载页面时，Chrome警告我不要加载据称不安全的内容。在加载之前，我只看到Times New Roman中的文字。我认为这是你的问题。
我使用WordPress和样式表的主题（大多数）。我不明白为什么你不能把样式表放在主题的其余部分。
总体而言，答案是肯定的（通常），但在这种情况下，浏览器可能会将其视为不安全，因此不会加载它。
答案 3 :(得分：0)
是的，你可以！但是在服务器上托管样式表或其他文件所在的位置更快。如果您计划在其他地方添加样式表，则可能会遇到服务器停机/忙碌的问题，因此您的主题不会按要求显示。正如@Blieque所提到的，某些浏览器可能会质疑外部内容，从而导致向用户/用户代理发出不必要的警告弹出窗口。