コンピュータにローカルに保存されているフォントを使用しています。

Question

     @font-face { 
          font-family: 'Runescape Chat Font Regular' !important; 
         src: 
          local('Runescape Chat Font Regular'), 
          local('Runescape Chat Font Regular'), 
          url('Runescape Chat Font Regular.ttf'); 
         } 

     .message-group.compact .message .message-text .markup .user-name { 
          font-family: 'Runescape Chat Font Regular', sans-serif !important; 
          font-size: 13px !important; 
          font-weight: 100 !important; 
         } 

私のコンピュータにインストールされているフォントを使用しようとしていますが、動作しません。私のコードに誤りはありますか？ Runscape Chat Fontレギュラーフォントが表示されていません。 （これはすべてのフォントがあらかじめインストールされているので、フォントをインストールする必要があります。）

Answer 1

こんにちは、これはCSSのフォントを参照する必要があります

@font-face { 
    font-family: myFirstFont; 
    src: url(sansation_light.woff); 
} 

この@font-face rule css

がlearn more