何らかの理由で、他のフォントと比較してベースラインより上に浮いているフォントを使用しています。それを Web フォントに変換して @font-face を使用して埋め込みたいのですが、フォントを修復するか、CSS で奇妙なリードを修正する方法が必要です。これは可能ですか?
2 に答える
cufon.js から @font-face を使用するように変換していたため、元の質問で少し間違っていました。cufon レンダリング (実際のフォントや css ではありません) が原因で、レンダリングが少しおかしくなりました。それにもかかわらず、これを理解する過程で、私は有用な答えを思いついたと思います:
実際のフォントを調整するために、この仕事に適した (オープンソースの) ツールはfontforge のようです。インターフェイスは不格好ですが、使い方がわかれば強力なツールです。新しい Mac では、XQuartz (または別の X11 環境) をインストールして実行する必要があります。
css/webfont の調整に関しては、font squirrelは、元の高さの一致や文字のサブセット化など、最もカスタマイズ可能なオプションを備えた最も強力なジェネレーターを提供しているように見えます。欠点は、多くのフォント ファウンドリがフォントをブラックリストに登録するように要求しているため、ジェネレーターが著作権上の理由でフォントを変換しないことです。
これらの 2 つのツールと、css3 フォント スタイルに慣れていることで、今日の Web タイポグラフィの準備が整うはずです。
ps: 私は fontsquirrel に代わる多くの方法を知っています。しかし、私は FontForge の合理的な代替手段を知りません。代替案があればコメントで教えてください。
CSS でフォントの行送りを変更できる唯一の方法はline-height:12px;
、フォント サイズのデフォルトとして設定されている which を使用することです ( font-size
CSS で も変更したかどうかによって異なります。マイナスの数字に入ることができますが、それがどのように見えるかは不明です)。良い!
もう 1 つの方法は、タグまたはそれがネストされているタグ内でmargin
andを使用することです。padding
p
WebKit ブラウザは非常に優れたスタイルを備えていると思います-webkit-font-smoothing:antialiased;
。これにより、より滑らかなフォントを作成できます。
主要なものではなく、フォントの外観について話している場合は、@face-font のインポートが非常に「ジャガーディ」である IE の問題に遭遇している可能性があります。
特に明るいフォントを使用している場合、この問題に何度も遭遇しました。互換モードでこれをチェックして、フォントが修正されているかどうかを確認できます。そうでない場合は、フォントだけが問題です。