使いたいフォントがあります。サーバーにアップロードし、fontface を使用して呼び出します。Chrome と Safari ではうまく機能しますが、FireFox ではまったく機能しません。.otf と .ttf の両方を試しました。それらはすべて Chrome と Safari で動作しますが、FireFox では動作しません。また、jsfiddle.net でも動作します。FireFoxがこれを行う理由をグーグルで調べました.ttfを.otfに変換すればうまくいくはずだと人々は言います。しかし、今は機能していません。誰かがそれの何が問題なのか教えてもらえますか?
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>font-test</title>
<style>
@font-face {font-family:Hush; src: local(Hush), url('http://www.yifanchen.net/temp/Hush.otf') format('opentype');}
@font-face {font-family:Hush2; src: local(Hush2), url('http://www.yifanchen.net/temp/hush.ttf') format('truetype');}
.test h1.otf {font-family:Hush; color:#000;}
.test h1.ttf {font-family:Hush2; color:red;}
</style>
</head>
<body>
<div class="test">
<h1 class="otf">This is a test for Hush.otf.</h1>
<h1 class="ttf">This is a test for Hush.ttf</h1>
</div>
</body>
http://jsfiddle.net/7537247/wUvqe/ FireFox でテストしたい場合は、jsfddle で動作します。おそらくダウンロードする必要があります。