0

いくつか例を挙げましょう。

Firefox 13：

ここに画像の説明を入力してください

Chrome（最新）：

ここに画像の説明を入力してください

ご覧のとおり、Firefoxではフォントがより滑らかに表示され、Chromeではより細かく表示されます。なぜこれが起こっているのか、そしてユーザーのエクスペリエンスを均等にするために実行できる手順について知りたいです。

.otfフォントを使用しています：

HelveticaNeueLTPro-LtCn.otf

そして、次のCSSルールを使用してこのカスタムフォントを適用します。

@font-face {
    font-family: "Helvetica Neue LTPro";
    src: url("/Public/assets/fonts/HelveticaNeueLTPro-LtCn.otf");
}

a {
    color: #665548;                
    display: block;
    font-family: "Helvetica Neue LTPro";
    font-size: 15px;
    padding: 17px;                
}

フォントの違いを均等にするために何を使用することをお勧めしますか？または、さらに良いことに、「Webセーフ」フォントを使用するための良い方法は何ですか？そのようなものは存在しますか？

4

2 に答える 2

1

残念ながら、フォントを取得して変換し、すべてのブラウザで正常に機能させることはできません。できればいいのですが、できません。

良い結果を得るための最善の策は、ブラウザ間で配信するように設計されたフォントを提供するtypekitやfontdeckなどのフォント配信サービスを使用することです。これにより、一貫してレンダリングされる可能性が高くなります。ただし、ブラウザやオペレーティングシステムによって多少の違いが生じる可能性はありますが、それがWebの性質です。

しかし、具体的にあなたの質問に答えるために、そのフォントを一貫して表示させるための設定や回避策はありません。価値があるのは、どちらも見栄えが良いと思います。

于 2012-07-04T23:05:21.273 に答える
0

これは、ブラウザがフォントをどのように解釈するかによって異なります。私は実際にそれを使用したことはありませんが、フォントを取得し、さまざまなブラウザで使用するためにさまざまなフォント拡張機能に分割するfontsquirrelというサイトがあります。見てみな。http://www.fontsquirrel.com/

于 2012-07-04T16:01:58.050 に答える