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

时间:2014-07-22 10:42:28

标签: twitter-bootstrap themes bootswatch

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

但是我想使用bootstrap / bootswatch的CDN版本。一个可以在这里找到:http://www.bootstrapcdn.com/ 他们还主持我想要使用的“雪人”主题。

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

到目前为止我所拥有的:

<!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文件并将其加载到标题中。 但是,由于没有说明这样做,我认为这是错误的方式?我错过了什么?

感谢任何提示!

1 个答案:

答案 0 :(得分:0)

看起来他们在针对标题的bootswatch页面上使用的字体是 Open Sans 。您是否使用Google Web Fonts等服务加载此字体?