title: css import font doesn't work
body: <p>I have some problem in my p element. </p>
  
  <p>here is my html and css</p>
  
  <pre><code>@font-face {
      font-family: 'Raleway Medium';
      src: url('Raleway-Medium.ttf') format('truetype');
  }
  .item_txt{
      padding-top : 10px;
      box-sizing: border-box;
      padding-right: 15px;
      padding-left: 95px;
      font-size: 21px;
      color : #F9F9F9;
      text-align: left;
      cursor: pointer;
      font-family: 'Raleway Medium' !important;
  }
  </code></pre>
  
  <p>I tried to import custom font but it failed.</p>
  
  <pre><code>&lt;div class="col-sm-7 col-sm-offset-2"&gt;
  
              &lt;div class="item_box"&gt;
                  &lt;img src="images/boardicon1.png" class='item_img'&gt;
                  &lt;p class="item_txt"&gt;Mother Board&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>ႈhere is project directory.</p>
  
  <p><a href="https://i.stack.imgur.com/Sx9jh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Sx9jh.png" alt="enter image description here"></a></p>