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？
谢谢！
【问题讨论】：
你能通过 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> 标签中使用它会导致您的内容被抓取两次。
【讨论】：
更改您的链接标签以使用安全 URL：
<link type="text/css" rel="stylesheet" href="https://fwy.pagodabox.com/magic/themes/fwy/fwy.css" />
^
您现在使用的 URL 可以单独使用，但由于您通过 SSL 浏览 Shopify 商店，因此许多网络浏览器会犹豫是否通过不安全的连接加载 CSS。
我刚刚检查过，pagodabox 可以通过 SSL 很好地提供 CSS 文件。
【讨论】：
在普通的 HTML 文档中，可以从任何地方加载样式表，只要它们存在并且您可以通过输入 URL 来加载它们（我可以）。
我将页面视为左侧带有徽标的两个导航栏。在每个项目上都有悬停状态过渡到颜色背景。虽然，当我加载页面时，Chrome 警告我不要加载所谓的不安全内容。在加载之前，我只看到 Times New Roman 中的文本。我认为这是你的问题。
我在 WordPress 中使用主题，并且（大部分）附带样式表。我不明白你为什么不能把样式表和主题的其余部分放在一起。
总的来说，答案是肯定的（通常），但在这种情况下，浏览器可能会认为它不安全，因此不会加载它。
【讨论】：
是的，你可以！但是将样式表托管在您的服务器/其他文件所在的位置会更快。如果您打算包含来自其他地方的样式表，您可能会遇到该服务器停机/忙碌的问题，因此您的主题将不会按要求显示。正如@Blieque 提到的，某些浏览器可能会质疑外部内容，从而导致向用户/用户代理弹出不必要的警告。
【讨论】：