Font Squirrel から 2 つのフォント キットをダウンロードしましたが、それらは iPhone/iPad 以外のどこでも動作します。これは、svg ファイルに問題があると思わせます。
別のサイトで (同じホストを介して) font squirrel から別のフォントをダウンロードしましたが、これはモバイル デバイスでうまく機能しています。
私のホストは svg を認識します (ここでそう言っています: http://wiki.dreamhost.com/MIME_Types )、MIME タイプの問題ではないと思います。私はこれについてあまり知りませんが、何かが欠けているかもしれません。
svg ファイルの id も確認しましたが、@font-face 宣言の #id と一致しています。
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OswaldStencilRegular';
src: url('Oswald-Stencil-webfont.eot');
src: url('Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
url('Oswald-Stencil-webfont.woff') format('woff'),
url('Oswald-Stencil-webfont.ttf') format('truetype'),
url('Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
font-weight: normal;
font-style: normal;
}
ここで何が問題なのか知っている人はいますか？