@ font-face not working 3

Question

私はテストページでttfフォントを使用しようとしていますが、私はwoffとwoff2に変換しましたが、ブラウザはフォントを使用しません（私はOpera、 Chrome、Vivaldi、Firefox、およびEdge）をサポートしています。それは私のコードです：

@font-face { 
font-family: 'RM Typerighter old Regular'; 
src: url('/fonts/RM_Typerighter_old_Regular.woff2') format('woff2'); 
src: url('/fonts/RM_Typerighter_old_Regular.woff') format('woff'); 
src: url('/fonts/RM_Typerighter_old_Regular.ttf') format('truetype'); 
} 

Answer 1

をあなたはこれを試して、相対パスを使用していないので、それはおそらくです：

@font-face { 
    font-family: 'RM Typerighter old Regular'; 
    src: url('./fonts/RM_Typerighter_old_Regular.woff2') format('woff2'), 
     url('./fonts/RM_Typerighter_old_Regular.woff') format('woff'), 
     url('./fonts/RM_Typerighter_old_Regular.ttf') format('truetype'); 
} 

Answer 2

あなたは1つのSRCであなたのフォントファイルのすべてを配置し、次のようにカンマで区切る必要があります。

@font-face { 
    font-family: "RM Typerighter old Regular"; 
    src: url("/fonts/RM_Typerighter_old_Regular.eot?") format("eot"), 
     url("/fonts/RM_Typerighter_old_Regular.woff") format("woff"), 
     url("/fonts/RM_Typerighter_old_Regular.ttf") format("truetype"); 
}