0

我正在尝试使用与此处相同的主题: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 文件并将其加载到标题中。但是,由于没有地方说明要这样做,我认为这是错误的方式吗?我错过了什么?

4

1 回答 1

1

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

于 2014-07-25T15:52:41.433 回答