2

間隔なしどういうわけか、私が使用しているフォントの単語間のスペースが消えました。参照: http : //www.fantasynews.com/GoogleWebフォントを使用するように少し変更されたTwitterBootstrapを使用しています。問題のフォントは、Google Webフォントによって提供されるOswaldです: http ://www.google.com/webfonts/specimen/Oswald そして、間隔は私にとって通常のように見えます。

私はCSSの第一人者ではありませんが、スペースの表示方法を変更するコードには何も触れていません。特にスペースをターゲットにすべきものは何も知りません。これは私が見落としているいくつかのばかげた間違いのように感じますが、私は無知です。ソースを見ると、要素を調べたときにスペースがはっきりとそこにあるだけでなく、少しのjavascriptがトリックを演じていた場合に備えて、スペースがはっきりとそこにあります。

最新バージョンのChromeを使用していますが、これはFirefoxにも表示されます。

間隔の問題は、最新のプレーヤーニュースの下にあるボックスのタイトルに特に表示されます。

4

4 に答える 4

3

CSSに追加word-spacing: 0.25emして強制しましたが、すべてのブラウザーで修正されたかどうかはまだ100%わかりません。残念ながら、Googleには特定のバージョンのフォントにリンクする明確な方法がないため、下から変更されないことを確信できます。

于 2012-09-26T16:43:31.023 に答える
0

私は通常、Ubuntu 12.10にFirefox(最新)を使用しています。そこはすべてうまく見えます。ただし、Chromeでは、フォントは間違いなく押しつぶされています。私は個人的に、より一貫してレンダリングされる別のフォントを選択します。詳細を知りたい場合は、MozillaのMDCKerningページをチェックして開始してください。

私がカーニングを使用する主な方法は、letter-spacingプロパティを使用することです。

h2 { 
 letter-spacing: -0.1em;
}

これが「カーニング」に対処していると言うのは誤りです。これは実際には「追跡」に影響します。2つの違いは、カーニングが2つの文字の関係であり、トラッキングがテキストのブロックに関連していることだけです。

于 2012-09-26T02:52:01.713 に答える
0

削除font-weight: normal;すると間隔が修正されます(2つのインスタンスが適用されています。要素を検査するとそれらが表示されます)

編集:これは悪いフォントです、あなたは別のものを選ぶべきです!大胆に見えますが、通常のバージョンはひどいです。

于 2012-09-26T05:46:46.690 に答える
0

ここでも同じ問題があります。オンラインWebサイトに別のフォントを適用して、解決策を祈っています:(

Googleのサーバーでエンコードされたファイルが間違っている可能性があります。Webフォントサービスでタイプミスをエンコードしている人でさえ、このような小さな問題から安全な人は誰もいません。

于 2012-09-26T09:20:47.450 に答える