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 ルールを指定する方法はあるのでしょうか?