html5 では、カスタム フォント (Universe 55 フォント) を使用しました。.ttf ファイルをダウンロードし、@font-face ルールで使用し、IE、Chrome、モバイル ブラウザで確認しました。うまくいきませんが、ウェブサイトでは、ブラウザがこのフォント タイプをサポートすると言っています。フォントに他のファイル形式を使用する必要がありますか?
@font-face ルールを次のように使用しました。
@font-face
{ font-family: 'Universe2';
src: url("C:\Users\..\Desktop\Fonts\Univers LT 55 Roman.ttf"); }
.custfont
{ font-family: 'Universe2';
font-size:25px; }
<body><div class='custfont'>This is a customized font</div></body>