1

Google Web Fontsで見つけたフォントに問題があります。

以下に投稿された画像でわかるように、Firefox を使用している場合、「Versus」の大文字の V が「e」と重なっています。ただし、Chrome (または IE) を使用している場合は重複せず、2 つの文字の間に醜いスペースが残ります。

これを修正して Firefox のように見せる方法はありますか? それとも、別のフォントを探し始める必要がありますか?

Chrome/IE と Firefox の比較

私のHTML：

<html>
<head>
    <meta charset="utf-8">
    <title>Versus</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
</head>
<body>
    <div>
        <h1>Versus</h1>
    </div>
</body>

私のCSS：

h1 {
font-family: 'Marck Script', cursive;
font-size: 100px;
color:#444;
text-align:center;
padding:0 50px;
text-shadow: 2px 2px 3px #777;

}

前もって感謝します！

4

2 に答える 2

2

フォントの間隔を修正するには、次を使用する必要があります。

letter-spacing: 10px /* How ever much you need */

すでに配置されているHTMLとCSSの詳細を知らなくても、次のようなものを使用して問題領域を修正できます。

スタイル

span { letter-spacing: -4px }

html

<span>V</span>ersus

ホーキーですが、うまくいくはずです。

于 2012-09-20T20:25:44.483 に答える
1

最近の Firefox は、カーニング ペアのあるフォントを使用する場合、カーニングをサポートしています。他のブラウザは追いついていません。カーニングに影響する CSS 機能がいくつか提案されており、Firefox はそれらをある程度サポートしていますが、他のブラウザーはサポートしていません。

したがって、別のフォントを探す必要があります。letter-spacingまたはプロパティによって間隔を手動で調整marginするのは面倒で危険です。Firefox では簡単に壊れてしまいます。

Marck Script フォントを引き続き使用する場合は、ダウンロードしてサーバーにインストールし、そこから使用することをお勧めします。Google サーバーで使用すると、多くの Google フォントに問題があります。この場合、標準モードの IE 9 はフォントを使用しません。コンソールにエラー コード CSS3117 が表示されるので、Google の設定に問題があるようです。

于 2012-09-20T21:57:26.563 に答える