1

サイトで使用している Thirsty Script Bold というスクリプト フォントに問題があります。一部の文字では文字間隔が正しく表示されますが、他の文字では正しくないように見えます。ただし、文字間隔には触れていません。ここで例を見ることができます: http://oi40.tinypic.com/2wpikgw.jpg。ご覧のとおり、「e」の末尾は「b」と完全に結合しておらず、「b」は右すぎて「s」と結合できません。

文字間隔をいじってみましたが、問題が悪化しているようです。

これがページのCSSです-

p.websites{
font-family: ThirstyScriptBold;
font-size: 80px;
text-align: center;
margin:0 auto;
}

ページのHTMLは次のとおりです-

<p class="websites">Websites</p>

fontface の CSS は次のとおりです。

@font-face {font-family: 'ThirstyScriptBold';src: url('ThirstyScriptBold.eot');src: url('ThirstyScriptBold.eot?#iefix') format('embedded-opentype'),url('ThirstyScriptBold.woff') format('woff'),url('ThirstyScriptBold.ttf') format('truetype');}
4

4 に答える 4

1

これはフォントの設計上の欠陥のように見えますが、実際にはカーニングの欠如に依存している可能性があります。Firefox はカーニングを適用しますが、ほとんどのブラウザはデフォルトでカーニングを適用しません。したがって、最初に次の追加が役立つかどうかを試すことができます。

p.websites {
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  font-feature-settings: "kern";
}

Web フォント バージョンの生成に使用されたソフトウェアがカーニング テーブルを破壊した可能性もあります。これはよく起こります。ただし、 fonts.com が販売する Webfont パッケージには、カーニングやその他の OpenType 機能が適切に組み込まれた WOFF、EOT、TTF、および SVG バージョンが含まれていると思います。

于 2013-04-28T04:37:19.690 に答える