3

「arial 狭い」を使用する Web サイトがあります。互換性の問題を避けるために、"Font Squirrel" フォント フェイス ジェネレーター ( http://www.fontsquirrel.com ) を使用してそのフォントの @font-face バージョンを作成しましたが、ネイティブの「Arial Narrow」を @font-face 経由でオンラインで読み込むと、フォントはネイティブの「Arial Narrow」より大きくなります。フォントにはpx単位の絶対サイズを使用しています。

ネイティブ フォントとオンライン フォントに異なるサイズを設定する方法はありますか?

@font-face {
font-family: 'ArialNarrow';
src: url('/fonts/arialn-webfont.eot');
src: local('☺'), url('/fonts/arialn-webfont.woff') format('woff'), url('/fonts/arialn-webfont.ttf') format('truetype'), url('/fonts/arialn-webfont.svg#webfontNZumFher') format('svg');
font-weight: normal;
font-style: normal; }

以下：

font-family: 'Arial Narrow', 'ArialNarrow', arial, helvetica, sans-serif;
font-size:14px;

前もってありがとう、私の悪い英語でごめんなさい

4

2 に答える 2

1

理論的には、CSS 2.0 および CSS 3 プロパティfont-size-adjustはその用途のために作成されましたが、そのサポートは弱いです。IE なし (驚き!)、Fx 3.0+、および Afaik は Saf 4 でサポートされておらず、Op 10.5 もサポートされていません。

なぜ両方の Arial Narrow が同じサイズではない (そして答えがない) のか疑問に思いますが、Arial Narrow はAscender によって Microsoftにライセンスされており、ここで購入できることを指摘したいと思います: http://www.fontslive.com /font/arial-narrow-regular.aspx (この凝縮されたファミリは Monotype によって作成されました)。
非営利の Web サイトhttp://en.wikipedia.org/wiki/Core_fonts_for_the_Webでは、遅すぎる (2002 年) ため、パッケージは元の形式とファイル名のままにしておく必要があると述べています。埋め込みは前者を変更します。

于 2010-06-19T19:42:49.580 に答える
0

申し訳ありませんが、同様の質問が寄せられており、結論は常に「実行できません」でした（少なくともブラウザ間で確実ではありません。これらのCSSプロパティを表示してくれた@Felipeへの称賛-それらを知りませんでした）。

JavaScript を使用することさえ困難です。なぜなら、最終的にどのフォントが実際にブラウザーによって使用されたかを突き止めるのが非常に難しいからです。

参照: JavaScript で計算された font-family を取得する

于 2010-06-19T19:43:00.507 に答える