0

ここの「開発中」のWebサイトに奇妙な問題があります：http://www.cphrecmedia.dk/musikdk/stage/

H1-h6 フォントは単なる「サンセリフ」ですが、Chrome では別のフォントが表示されることがよくあります (スクリーンショット: http://cl.ly/image/260B0H0l1w0C )。マウスをナビゲーションの上に置くと、正しいフォントに変わります。参考までに、これは次のようになります: http://cl.ly/image/442l071M3N1B

フォントに使用されるコードは次のとおりです。

.nm li a {
    float: left;
    font-family: sans-serif;
    height:22px;
    padding: 12px 14px 7px 14px;
    color:@white;
    font-size: 12px;
    line-height: 20px;
}

私は主に Chrome を使用して開発を行っているため、他のブラウザーで問題が発生するかどうかはわかりません。この問題を以前に見た人はいますか?

4

3 に答える 3

1

「sans-serif」はフォント名ではなく、フォント ファミリの仕様です。

「Arial」や「Verdana」などのサンセリフ フォント名を使用しないと、予期しない結果が生じます (ブラウザがフォントを一般的なものに置き換える可能性があります)。

于 2013-10-16T08:19:23.600 に答える
0

フォントをダウンロードしてフォント フォルダに保存し、カスタム フォント メソッドを使用してみてください。

例：

@font-face {
font-family: myFirstFont;
src: url('Sansation_Light.ttf')
    ,url('Sansation_Light.eot'); /* IE9 */
}

div
{ font-family:myFirstFont; }
于 2013-10-08T12:06:39.610 に答える
0

Google のカスタム Web フォントを使用してみてください。

http://www.google.com/fonts

フォントを選択し、3 つのメソッドのいずれかを使用します。私は CSS メソッドを好みます。

例：

@import url(http://fonts.googleapis.com/css?family=Roboto);

これを CSS にインポートし、これをテキストに使用します。font-family: 'Roboto', sans-serif;

于 2013-10-16T07:55:31.847 に答える