Trebuchet MSフォント(PSD)を使用する小さなテンプレートを設計しました。さて、このフォントをHTML / CSSで使用すると、見た目がかなり異なります。同じまたはより良い品質を達成する可能性はありますか?
多分グーグルウェブフォント?似たようなフォントはありますか?または、CSS @ font-faceを使用する必要がありますか?
CSS:
font-family: "Trebuchet MS", sans serif;
よろしくお願いします
基本的な答えはいいえです。
あなたはフォントのアンチエイリアシング(またはフォントのスムージング)について話している。Photoshopは、4つのフレーバー(シャープ、クリスプ、ストロング、スムース)でアンチエイリアシングを提供します。ブラウザは同じことをしません。通常、OSはフォントのアンチエイリアスを制御します。
ブラウザとフォントの詳細:タイプレンダリング:Webブラウザ
いいえ、フラッシュ生成フォントや画像フォントなどを使用できる場合を除きます。2つの異なる獣がフォントをレンダリングする方法の違いを確認しており、ほとんどの場合、制御できないものです。
@ font-faceは新しく、すべてのブラウザで機能するわけではありません。クロスブラウザのサポートを維持するために、JSベースのCufonを使用して、必要なフォントを提供できます。