0 
@font-face {
    font-family: iconFont;
    src: local(iconFont), url('fonts/iconFont.ttf') format('opentype');
}

フォント ファイルは破損しておらず、OSX などに正常にインストールされ、プレビューできます。しかし、Webページで使用しようとすると何もレンダリングされません。または、イラストレーターで選択しても、キーに触れると別のフォントに切り替わります。

フォントは「通常」用で、他のオプションを試しましたが、うまくいきません。大文字のオン/オフなどで入力しようとしました。テンキーを使用しても何もありません。再インストールし、重複がないことを確認しました。また、Windows では動作しません。どうにかして CSS を変更する必要があるのか​​、それともフォントに問題があるのか​​ わかりません。

試してみたい人のために、フォントへのリンクを次に示します。地下鉄のアイコンの集まりです。http://www2.zippyshare.com/v/23494573/file.html

4

1 に答える 1

0

これが役立つかどうかはわかりませんが、これは私が使用する CSS であり、正常に動作します。webfonts ディレクトリは css ファイルと同じディレクトリにあり、.eot、.ttf、.woff の 3 つのファイル タイプが含まれています。

@font-face {
    font-family: 'AvenirLT-Book';
    src: url('webfonts/25EE2B_0_0.eot');
    src: url('webfonts/25EE2B_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/25EE2B_0_0.woff') format('woff'), url('webfonts/25EE2B_0_0.ttf') format('truetype');
}

典型的なクラス宣言:

.AvenirLT-Book {
    font-family: AvenirLT-Book;
    font-weight: normal;
    font-style: normal;
}

おそらく、形式を?('truetype')ではなく に変更する必要があります。('opentype')

于 2013-06-12T08:06:31.657 に答える