スクリーンショットにはジョージア文字が含まれているため、システムにはそれらを含むフォントが含まれている必要があります(もちろん画像に含まれている場合を除く)。これは、フォントの処理に問題があることを示しています。たとえば、を指定すると、font-family: Myriad Pro
ブラウザはそのフォントに存在しない文字を他のフォントから取得して処理する必要があります。ただし、ブラウザ(特にIE)は、そうすることがあまりにも頻繁に失敗することが知られています。
グルジア文字を含むフォントは比較的少数です。優れた(ただし完全ではない)概要については、グルジア語の文字のフォントサポートに関するFileformat.infoページを確認してください。
解決策は、グルジア文字を含むフォールバックフォントを明示的に指定することです。Arialは、それらが不足しているため、実行しません。唯一の(合理的に)安全な方法は、を介してダウンロード可能なフォント(Webフォント)を使用することです@font-face
。ラテン文字に純粋なサンセリフフォントであるMyriadProを使用している場合は、ほぼ同じx高さのサンセリフフォントを使用するのが活字的に最適です。素敵なフリーフォントであるDejaVuSans(およびFontSquirrel @ font-faceジェネレーター)の使用を検討してください。
あなたのCSSルールは
font-family: Myriad Pro, DejaVu Sans, sans-serif;