与网站上看起来相同的 Bootswatch 主题答案

【问题标题】：Bootswatch theme that looks the same as on the website与网站上看起来相同的 Bootswatch 主题
【发布时间】：2014-07-22 10:42:28
【问题描述】：

我正在尝试使用与此处相同的主题：http://bootswatch.com/yeti/

但是我想使用 CDN 版本的 bootstrap/bootswatch。一个在这里可用：http://www.bootstrapcdn.com/ 他们还托管了我想使用的“yeti”主题。

但是我无法让它按照我认为应该的方式工作。

到目前为止我所拥有的：

<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap CDN</title>
        <meta charset="utf-8">

        <link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">
    </head>

    <body>

    <!-- main container -->
    <div class="container">
      <div class="page-header">
              <h1 id="type">Typography</h1>
            </div>
    </div>

    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </body>

</html>

为简单起见，我现在只想显示一个标题。但这个标题看起来与http://bootswatch.com/yeti/ 网站上的标题不同。尤其是字体大小。为了使它看起来一样，我必须做的是将此行添加到标题中：

<link href="http://bootswatch.com/assets/css/bootswatch.min.css" rel="stylesheet">

但我认为这个 css 是某种内部 bootswatch css 文件，仅为 bootswatch.com 网站本身托管，不应使用。

当然，我可以下载 bootswatch.min.css 文件并将其加载到标题中。但是，由于没有地方说明要这样做，我认为这是错误的方式吗？我错过了什么？

【问题讨论】：

尝试从模板中的所有 URL 引用中删除 http: - 您可能是从 HTTP 资源加载 CSS，但字体文件是从 HTTPS 加载的。
请提供您希望页面外观的页面链接；我有同样的问题，我想我知道如何解决它。

标签： twitter-bootstrap themes bootswatch

【解决方案1】：

看起来他们在引导表页面上使用的标题字体是Open Sans。您是否使用Google Web Fonts 之类的服务加载此字体？

【讨论】：

Bootswatch CSS 文件导入字体 CSS，所以这不是问题，但是，我怀疑它与字体未加载有关。