1

font-stretch プロパティ (webkit など) をサポートしていないブラウザーの CSS ルールを定義する際に問題が発生しています...

問題: 私は Helvetica Neue フォント ( Twitter Bootstrapからの CSS セットアップ) を使用font-stretch:condensed;しており、いくつかの CSS ルールでプロパティを使用しています。残念ながら、このプロパティは Webkit やその他のブラウザーではサポートされていないことがすぐにわかり、フォールバック ルールを探し始めました。

ここで見つかった Webkit ブラウザーの解決策の 1 つは、post script font name を使用することですfont-family: "HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;。しかし、それは本当に唯一の Mac ソリューションです。Windows ブラウザーにはこのフォントがなく、ストレッチされていないフォントにフォールバックします。

したがって、コンデンス フォントを使用するための唯一の現実的な解決策は、myfonts.com や google webfonts などのサイトからフォントをインポートすることです。無料の解決策を探しているので、Helvetica Neue Bold Condensed に近い無料のフォントをいくつか見つけました。font-stretchプロパティをサポートしていないブラウザーのみを対象とする CSS ルールを指定する方法はあるのでしょうか?

4

2 に答える 2