1

twitter Bootstrapを使用していますが、HelveticaNeueフォントで問題が発生しました。私のシステムにはこのフォントがあります-Photoshopはそれを「HelveticaNeueLTCom」（スクリーンショット）として表示します。次の宣言を使用しようとしています：「HelveticaNeue」、「Helvetica Neue LT Com」、「Helvetica Neue LT Com37ThinCondensed」 、Helvetica、Arial、sans-serif; しかし、私のブラウザは常にArialを使用しています。なんで？

http://imageshack.us/a/img545/6721/fontsn.jpg

4

2 に答える 2

2

Helveticaは完全なブラウザサポートを備えていません。正直なところ、多くのフォントが完全にWebセーフであるわけではありません。

fontsquirrelを使用してfont-face世代を生成してみてください。しかし、経験から、Helveticaをこのように使用しようとすると問題が発生しました。

他の方法としては、fontsquirrelまたはGoogle Web Fontsの同様のフォントを使用するか、Mac OS XおよびWindowsでのフォントサポートを示すCSSフォントスタックでWebセーフフォントを見つけてみてください。そのリンクから、Helveticaが100％サポートされていることがわかります。 Macでは7.34％ですが、Windowsでは7.34％にすぎません。

主なポイントは、Helveticaを使用しないことです。

于 2012-11-01T13:11:43.750 に答える
0

質問とPhotoshopのスクリーンショットから最終目標を正確に判断するのは難しいですが、基本的にブラウザはいくつかの事前定義されたフォントファミリのフォントのみを表示します。HelveticaはArialに非常に似ているため、表示フォントとしてHelveticaを指定しても、デフォルトでArialになります。

Google Web FontsなどのWebサービスを介して、いくつかの追加オプションがあります。これは、基本的に、ブラウザー表示用の固有の書体を手に入れるためにポイントできるAPIを提供します。これには、HTML、CSS、およびJavaScriptの基本的な理解が必要です。

于 2012-11-01T13:13:18.367 に答える