誰かがこれを理解するのを手伝ってくれることを願っています、
問題は、Google Chrome で Google WebFont がうまく表示されないことです (皮肉ですね)。問題の写真は次のとおりです。
WIP サイトへのリンク: http://klok-bremen.de/noire/index.html
問題のあるすべての文字に赤で下線を引きました。問題のある文字はアセンダーのある文字です。O、Q、G、S、および C が本来あるべき位置に配置されていないことがわかりますが、おそらく 1 ～ 2 ピクセル高すぎます。
現在、この問題は Google Chrome でのみ発生します。ただし、私の Macbook の Chrome はフォントを正しく表示しています。このようにChromeでフォントを表示するのは、私のWindows PCだけです。
これが私のコンピュータの問題である場合、それはそれほど重要ではありませんが、何が原因なのかを知っておくとよいでしょう.
問題の CSS:
.menu-list li {
color: #fff;
font-family: 'Pathway Gothic One', sans-serif;
font-weight: normal;
font-size: 1em;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
}