2

font squirrel の Web サイトからWebfont Kit ( Quicksand フォント用)をダウンロードしました。新しいフォントを使用してErdösという単語を表示しようとしています。ただし、 HTML エントリを使用しても機能しないようです。ö

そのフォントのグリフのリストを見る(Quicksand) ; アルファベットの o (大文字と小文字の両方) の上に 2 つのドットがあることがわかります。

これが私が得ているものです:

ここに画像の説明を入力

上の図に示すように、他の文字は (正しいフォントを使用して) 正しく表示されます。しかし、2つのドットが付いたoではありません!

ここに私のHTMLコードがあります:

<h1 id="erdos">Erd&ouml;s</h1>

そのフォントを使用するようerdosにファイルで指定する場所!css

編集:質問に関する追加情報/コードを投稿しています:

同じページWebfont KitWebfont Kitタブからダウンロードしました。

CSS:

@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/Quicksand/Quicksand_Light-webfont.eot');
    src: url('fonts/Quicksand/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Quicksand/Quicksand_Light-webfont.woff') format('woff'),
    url('fonts/Quicksand/Quicksand_Light-webfont.ttf') format('truetype'),
    url('fonts/Quicksand/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1#erdos {
    margin-top: 0;
    margin-bottom: 0;
    font-family: quicksandlight;
}

Chrome 27.0 と Firefox 21.0 の両方で出力をテストしました

Chrome の出力は次のとおりです。

ここに画像の説明を入力

Firefox の出力は次のとおりです。

ここに画像の説明を入力

4

1 に答える 1