1

なぜ、Arial Narrow が Mac の一部の Firefox ユーザーに対して正しく表示され、他のユーザーに対して正しく表示されないのかを理解するのに苦労しています。リンクは次のとおりです: http://teknikor.bethmotta.com/ (ナビゲーション フォントを参照)

私のコードは次のとおりです。

font-family: "Arial Narrow", Arial  sans-serif; font-weight:500; 
font-stretch:condensed;

フォントのリセットを追加してみました：

font-family: inherit; font-stretch:inherit; font-style:inherit;
font-family: "Arial Narrow", Arial  sans-serif; font-weight:500; 
font-stretch:condensed;

そして、特に Firefox をターゲットにしようとしました。

@media screen and (-webkit-min-device-pixel-ratio:0){
ul.navcontainer li {
font-family: inherit; font-stretch:inherit; font-style:inherit; 
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-stretch:condensed;}  
}

一部の Firefox Mac ユーザーには機能し、他のユーザーには機能しない理由がわかりません。テストしたすべてのコンピューターは Firefox 19 を実行しています。Arial Narrow が機能していないコンピューターでは、フォントはデフォルトで Arial ではなく Times になっています。

正しく表示されるコンピューターでは、Arial Narrow がユーザー ライブラリとシステム ライブラリにインストールされていることに気付きました。Times が表示されているコンピューターでは、Arial Narrow はシステム ライブラリにのみあり、ユーザー ライブラリにはありません...ただし、Arial は両方にインストールされているのに、ナビゲーションがデフォルトで Times になるのはなぜですか?

一般的に、Firefox は Mac ユーザー ライブラリまたはシステム ライブラリ内のフォントを対象としていますか?

これを修正する方法に関する他の提案はありますか? 簡単なものがありませんか？

どんな助けでも大歓迎ですありがとう。

4

2 に答える 2

0

さて、誰かが興味を持っているなら、私は何かを理解しました。スタイルシートに小文字の「arial」を追加しました。FirefoxのデフォルトはTimesではなくarialです。

于 2013-03-07T20:10:28.563 に答える
0

次の CSS3 ルールを試すことができます。

@font-face { font-family: Arial Narrow;
src: url('ArialN.ttf'),
     url('ArialN.eot'); /* IE9+ */

機能させるには、フォント ファイル (!)を適切なフォルダーに含める必要があります。

使用例:

<!DOCTYPE html>
<html>
<head>
<style> 
@font-face { font-family: Arial Narrow;
    src: url('ArialN.ttf'),
         url('ArialN.eot'); /* IE9+ */
}
div{font-family:Arial Narrow;}
</style>
</head>
<body>

<div>
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts.
</div>

<p><b>Note:</b> Internet Explorer 9+ only supports fonts of type .eot. Internet Explorer 8 and earlier, do not support the new @font-face rule.</p>

</body>
</html>
于 2013-03-15T14:00:47.180 に答える