Photoshopのモックアップフォントは、HTMLの場合と同じではありません

私は私がしたいウェブサイトのPhotoshopのモックアップを作ったPhotoshopのモックアップフォントは、HTMLの場合と同じではありません

（HTML初級）が、私はモックアップで使用したテキストFirefoxで見たときに違って見える。テキストは、Arialフォント、サイズ18pt、通常の太さです。これをHTMLコードに実装しましたが、それは違って見えます。

フォントをPhotoshopと同じようにHTMLで表示する方法はありますか？

ありがとうございます。

2009-07-21 Mozaz

モックアップとブラウザの間にピクセル完全一致を得ることは決してありません。ブラウザ間でピクセル完全一致を得ることは決してありません。アプリケーションのフォントレンダリングに関しては、2つの要素があります。 Windowsは、アプリケーションレベルで有効にすることができるサブピクセルレンダリングを持っており、アプリケーションは独自のサブピクセルレンダリングを実装します。フォントのデフォルトカーネル化は、無限に異なる場合があります。 – MyItchyChin

短い答えは「いいえ」です。 Photoshopはlotより多くのフォント機能をウェブブラウザよりも持っています。あらゆる種類のスムージングアルゴリズムを適用し、カーニング、トラッキング、スペーシングをはるかに優れたものにすることができます。

各ブラウザとOSには別個のレンダリングエンジンもあります。したがって、1つのブラウザ/ OSの組み合わせで同じように見えても、別のものに見えるでしょう。

しかし、CSS properties for textのすべてをチェックして、あなたが暮らしているものが得られるかどうかを確認してください。もしそうでなければ、あなたの最善の策はイメージをあなたのテキストから作り、あなたのページに良い "alt"テキストなどで追加することです。

出典

2009-07-21 21:01:09 womp

十分に公正です。ありがとう。 – Mozaz

HTMLレンダリングとPhotoshopのアンチエイリアスレンダリングとの違いは、テキストの代わりにイメージを使用する理由であってはなりません。追加された帯域幅を考慮し、ユーザがテキストを選択することを許可しない。 –

@womp：これは非常に古い回答ですが、ここを訪れる人は、w3schoolsへのリンクを貼り付けないでください。 – Razort4x

あなたはどのOSを使用しているのかわかりませんが、WindowsとMacintoshは異なるフォントシステムを持っています。

This post by Joel Spolskyは、フォントのレンダリングが哲学的な違いに基づいていることを指摘しています。

これはあなたが見ているものですか？あなたが話していることを見ることができるように画像を投稿してください。

出典

2009-07-21 21:02:55 Nosredna

これはPhotoshopモックアップです [IMG] http://i31.tinypic.com/wqx993.png [/ IMG] これはFirefoxの [IMG] http：//i32.tinypicに示されているものです。 com/24o4zrd.png [/ IMG] 私はWindows XPを使用しています。 – Mozaz

ええ、私はあなたがなぜ失望しているのか分かります。 – Nosredna

フォントは、Web上で正しく取得できないものです。あなたが絶対にフォントの外観を制御しなければならない場合は、イメージを使用する必要があります。 HTMLでピクセル完全なテキスト表示を実現することは、単に不可能です。これは、オペレーティングシステムのフォントの違いから始まり、ブラウザレイアウトエンジンの違いから終わります。

出典

2009-07-21 21:04:15 Joey

それを行うには、2つの方法があります。