0

フォント キットを実装しましたが、フォントが数字をレンダリングする方法に関してまだ問題が発生しています。何らかの理由で、数値がベースラインの上下に浮いているように見え、「弾力のある」外観になっています。Web フォント キットを実装しました。CSS のサンプルを次に示します。

@font-face {
    font-family: "interval_semi_bold";
    font-style: normal;
    font-weight: normal;
    src: url("/common/fonts/interval_semi_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/common/fonts/interval_semi_bold-webfont.woff") format("woff"), url("/common/fonts/interval_semi_bold-webfont.ttf") format("truetype"), url("/common/fonts/interval_semi_bold-webfont.svg#IntervalSansProBold") format("svg");
}
@font-face {
    font-family: "interval_regular";
    font-style: normal;
    font-weight: normal;
    src: url("/common/fonts/interval_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/common/fonts/interval_regular-webfont.woff") format("woff"), url("/common/fonts/interval_regular-webfont.ttf") format("truetype"), url("/common/fonts/interval_regular-webfont.svg#IntervalSansProBold") format("svg");
}

質問: ブラウザーが @font-face 宣言を解釈する方法に関して、"" セレクターは '' セレクターとは異なる動作をしますか?

4

4 に答える 4

2

「弾力のある」ベースラインは、実際には、段落テキストに数字を設定するために使用される特定の種類の印刷上の数字です。これらは、アセンダーとディセンダーを使用して小文字の動作を模倣し、没入型の読書を妨げないようにするため、「古いスタイル」の数字と呼ばれることがよくあります。小文字と同様に、幅も可変です。したがって、段落設定に数字を使用している場合、これはタイポグラフィの良い練習になります。

一方、「跳ねない」数字は「裏打ち」数字と呼ばれます。数値の垂直列を設定するのに便利な、固定された等しい幅があります。

CSS3 プロパティfont-variant-numericを使用すると、フォントの文字セット内に両方の種類が含まれている限り、古いスタイルまたは裏地の図を選択できます。

詳細はこちら: http://dev.w3.org/csswg/css3-fonts/#font-variant-numeric-prop

Interval Sans Proを使用していますか? そのフォントには、両方のタイプの数字が含まれています。

于 2012-05-09T11:43:59.753 に答える
2

一重引用符または二重引用符は CSS で交換可能であり、まったく同じ意味を持ちます。それらが使用されているプロパティ値は、すべてのブラウザーでまったく同じ方法でレンダリングされます。どの種類の引用符を使用するかは問題ではありません。話の終わり。

フォントが機能しているのに数字だけが気に入らない場合は、そのフォントの数字が意図的にそのようになっている可能性があります。たとえば、Georgia特定の桁のベースラインが非常に低い場合:

ここに画像の説明を入力

テスト用の正確なフォントを見つけることができませんでしたが、許容できる方法で数字をレンダリングする別のフォントを選択する必要がある場合があります。

于 2012-05-08T18:44:24.437 に答える
0

セレクターでは、二重引用符"と単一引用符'を同じ意味で使用できます。ブラウザがそれを解釈する方法には関係ありません。

URI 値の詳細については、W3を参照してください。

于 2012-05-08T18:45:53.030 に答える
0

Interval Regular と Light については、Pro バージョンのフォントには、裏地付きの拡張 OpenType 文字セットと古いスタイルの図が含まれています。フォントの標準バージョンには裏地の数字しかありません。Light フォントが Pro バージョンではない可能性があります。

于 2013-01-22T17:29:25.817 に答える