1

私のサイトの一部のテキストが、Chrome で奇妙なことに 2 行に分かれています。FF と IE では、1 行にうまく収まります。ブラウザには、フォントをレンダリングする独自の方法がある場合があることを読みました。これを修正する方法はありますか？

HTML:

<link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
<div class="text-centered span3">                        
    <p>Wnii tagfF rouirsoSan olwre.i dlyrbr peato.</p>                       
</div>

CSS:

.span3 {
    width: 240px;
}
p {
    font-family: 'Signika';
    font-size: 13px;
}

フィドルへのリンク: http://jsfiddle.net/yishaib/Qqgxt/

※もちろん、文章をいじってます。

4

4 に答える 4

2

ブラウザは異なるレンダリング エンジンを使用しているため、すべてのブラウザでフォントを同じようにレンダリングしようとしても無駄です。

ただし、あなたの場合、文字間隔をいじることができます。理想的ではありませんが、文字間隔を -1px に設定することで、Chrome でテキストを 1 行に収めることができます。

CSS

p {
font-family: 'Signika';
font-size: 13px;
letter-spacing: -1px;
}
于 2013-07-10T13:17:55.823 に答える
0

はい、フォントのレンダリングは大きな問題になる可能性があり、一般的に修正するのは困難です。その他の問題として、「Signika」が Google Chrome で認識される Web フォントではない可能性があります。Google フォントがある場合は、フォント ファイルをインポートしてみてください。

于 2013-07-10T13:30:40.900 に答える