CSSのインポートフォントは、私は私のp要素にいくつかの問題を抱えている

Question

を動作しません。ここ

が私のHTMLとCSS

@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; 
} 

である私は、カスタムフォントをインポートしようとしたが、それは失敗しました。

<div class="col-sm-7 col-sm-offset-2"> 

      <div class="item_box"> 
       <img src="images/boardicon1.png" class='item_img'> 
       <p class="item_txt">Mother Board</p> 
      </div> 
      </div> 

ここはプロジェクトディレクトリです。問題は、それが動作することである

p { 
    font-family: 'Raleway', sans-serif; 
} 

Answer 1

細かいこれはウェブと上にある場合、あなたはそれをレンダリングしているコンピュータは、TrueTypeフォント、しかしとしてインストールフォントを持っている場合そのページをレンダリングするユーザーは、そのフォントがローカルにインストールされていないため、ブラウザーのデフォルトまたは定義されている場合はデフォルトにフォールバックします。そのフォントのWebバージョン、woffまたはwoff2を使用する必要があります。 Googleのフォントを使用すると、あなたがそれを求めていなくても、あなたはウェブ版を返すでしょう。フォントのwoff/woff2バージョンを検索してください。

Answer 2

：特定の要素にフォントを使用するためにこれを使用するより

@import url('https://fonts.googleapis.com/css?family=Raleway'); 

：あなたのスタイルシートの上部にこれを入れて