2

私の Web サイトの一部の要素は完全に表示されますが、同じフォントの他の要素は粗くて途切れ途切れに見えます。同じようにスタイルを指定しているので、理由がわかりません。

ここに私のウェブサイトがあります：

http://violetoeuvre.com/

サイドバーのナビゲーション (me、about、書き込み連絡先) はまったく問題ありませんが、段落、h2、およびフッターのスタイルは粗く、同じ書体の粗いバージョンのように見えます。

CSS:

    /* Fonts */
    @import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic);

ファンキーなスタイル:

h2 {
        font-family: 'Playfair Display', sans-serif, 20px;
        font-weight: 100;
        line-height: 2em;
        color: #000000;
        letter-spacing: -1px;
        margin: 0; 
}

h3 {
        font-family: 'Playfair Display', sans-serif, 12px;
        font-weight: 100;
        line-height: 2em;
        color: #000000;
        letter-spacing: -1px;
        margin: 0; 

}

#foot a:link {
        font-family: 'Playfair Display', sans-serif;
        font-size: 15px;
        font-weight: 100;
        color:#000; 
        text-decoration: none; 
        letter-spacing:0.2em;
}

これらは正常に機能しています：

#emma_home a:link{
        font-family: 'Playfair Display', serif;
        font-size: 75px;
        font-weight: 200; 
        color:rgba(255,255,255,1);
        text-decoration: none;
        letter-spacing:-4px;
    }
#nav_menu a:link{
        font-family: 'Playfair Display', serif;
        font-size: 30px;
        font-weight: 100; 
        color:rgba (255,255,255,1);
        text-decoration: none; 
        text-align: center;
        letter-spacing:0.2em;
}

#side_wrapper_text a:link{
        font-family: 'Playfair Display', sans-serif;
        font-size: 32px;
        font-style: italic;
        font-weight: 100; 
        color:#000000;;
        text-decoration: none; 
        text-align: right;
        letter-spacing:0.2em;

}

また、PC では上部の Emma とナビゲーション (書き込み、ブログ、連絡先) は黒い線の上に約 20 ピクセルありますが、私の Mac では文字が希望どおりに白に触れています。

これらの不一致で何が得られますか??

ありがとう。

4

4 に答える 4

0

私が見る限り、IE は woff よりも ttf 形式を好み、特定のエクスポートが間違っています。変換された元の（otf）ファイルをフォントリスでGoogleフォントマーキュリアルリポジトリにダウンロードしただけで、動作するようになりました。

于 2015-05-13T03:31:36.600 に答える