1

いくつかの非標準の Web フォント (ライセンスを持っています) があり、そのフォントの .otf バージョンを受け取りました。フォントを Web 形式に変換するオンライン ツールがいくつかあり、CSS を使用してフォントを含めることができます。

ただし、さまざまなブラウザーでテキストを表示すると、レンダリングされたテキストは広く/小さくなり、単語の間隔も異なります。フォントがさまざまなブラウザーで実際に使用されていること、およびすべてが正常に機能することを確認するためにテストしました。

そこにすべてのブラウザをサポートするために必要な4つのフォントファイルがあり、各ファイルには、使用されるフォントサイズごとに独自の文字間隔と単語間隔が継承されているようです.

ここに include ステートメントを表示したい場合は、次のとおりです。

@font-face {
    font-family: 'myfont';
    src: url('myfont.eot?') format('eot'), 
         url('myfont.woff') format('woff'), 
         url('myfont.ttf')  format('truetype'),
         url('myfont.svg#webfontaAipHhrc') format('svg');
    }

この問題に対処する最善の方法は、同じ単語間隔と文字間隔でさまざまな形式のフォントを生成することだと思いますが、それを達成する方法がわかりません。

フォントは内部的にグリプス幅として EM を使用します。したがって、ドキュメントの font-size を何らかの値に設定し、それに応じて使用するフォントをスケーリングしてから、フォントを使用する各要素の font-size を設定することは理にかなっています。

また、@font-face 定義で文字間隔と単語間隔を設定しても効果はありません。設定されるのはフォント自体の間隔の調整だからです。

生成された各フォントの単語と文字の間隔が同じフォントジェネレーターを知っている人はいますか? または、他の解決策/提案がありますか?

2 つのフォント ジェネレーターを試しましたが、覚えているのは最後の 1 つだけです。 http://www.fontsquirrel.com/fontface/generator

また、そのフォントですべての言語 (utf-8 文字) を印刷できるかどうかをテストする方法を知っている人はいますか? utf-8文字をたくさん印刷して表示できるかどうかを確認しようとしましたが、もちろんすべての言語を知っているわけではないので、大丈夫かどうかわかりません。

ありがとう ：）

編集：

私が使用しているさまざまなブラウザがどのようにフォントをレンダリングするかのプリントスクリーンを作成しました

http://www.imagedump.nl/img9/8589/15fonts.png

使用されたCSS：

.test {
    font-family: myfont;
    font-size: 20px;
    letter-spacing: -0.67px;
    word-spacing: 1px;
}

私が探しているのは、すべてのブラウザが同じフォントをレンダリングするデフォルトの開始位置を持つことです

ff のようなブラウザは、生成された異なるフォント ファイルを使用する ie のようなブラウザとは異なるテキストをレンダリングします。しかし、同じ生成されたフォント ファイル (woff) を両方とも使用している場合、chrome と ff には違いがあります。

4

2 に答える 2

1

あなたの質問には、問題を理解するのに十分な詳細がありません。ブラウザーは、フォントの内部スペースを使用します。表示される場所によって「異なる」わけではありません。

とはいえ、フォントに適用されるヒンティングは、フォントのアウトラインをピクセル グリッドに合わせようとするため、Windows のブラウザーでの表示に影響を与える可能性があります。これにより、フォント全体がグリッドに収まるように水平方向に拡大/縮小できます。私はそれを見てきました。

これはあなたが見ているものを説明できますか? それ以外の場合は、あなたが話していることを理解できるように、スクリーンショットを並べて表示したいと思います。

于 2011-03-12T13:41:09.920 に答える
0

これを解決するには、フォントをレンダリングする方法についてブラウザ固有の指示を使用するだけでよいと思います。私は、このインスタンスで機能する p および h タグのブラウザー固有のスタイリングの CSS を知るのに十分なほど熟練していません。

于 2011-03-18T14:09:00.707 に答える