title: Bootstrap custom fonts
body: <p>I've been looking at the bootstrap custom fonts issues on here to find a solution for mine but it is still not working so I apologize for the repetition. Trying to get 'Museo Slab' into my page and its not working. Here's my code.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen"&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>@font-face {
      font-family: 'museo-slab';
      src: url('fonts/Museo500-Regular.otf');
      font-style: normal;
  }
  
  body {
      font-size: 2em;
      line-height: 18px;
      font-family: 'museo-slab',arial,sans-serif;
      line-height: 23px;
  </code></pre>