最近、クライアントからウェブサイトのモックアップが届きました。メニュー項目、記事のタイトル、ブロックのタイトルなどのレイアウト全体で Rockwell フォントを多用しています...
以前にそのフォントについて聞いたことがなく、Webセーフではないと思いました。また、 here や here のように、いくつかの場所でオンラインで確認して確認しましたが、できませんでしたこのフォントへの参照が見つかりません。
したがって、このフォントを使用するには何らかのテキスト置換手法を使用する必要があるとデザイナーに伝えたところ、これは実際にはWebセーフフォントであり、WindowsとMacでチェックインし、フォントがインストールされていることを伝えました。 。
したがって、このフォントを使用しますが、これが標準のフォントであるか、それともアドビ製品や他のアプリケーションと共にインストールされるかについては、まだ気になります。
これについて何か情報がありますか?
非常に小さなセット のWebセーフフォントがあります。 Microsoft Officeなどのサードパーティソフトウェアが付属しているため、ロックウェルはその1つではありません。
そうは言っても、Rockwellをプライマリフォントとして使用する必要がある場合は、適切なフォントスタックを定義してください。つまり、CSSを使用してフォールバックのリストを定義します。ここで、各フォールバックはWebセーフフォントです。
body, input, textarea {
font-family: Rockwell, "Courier New", Courier, Georgia,
Times, "Times New Roman", serif;
}
フォントスタックに関する情報:
現在(2011年)、最近のブラウザーは @font-face
を介してカスタムフォントを埋め込む をサポートしています。一般的なオプションには、 Typekit 、 Google Fonts 、および Font Squirrel があります。すべてのブラウザがCSSを介したカスタムフォントのロードをサポートしているわけではないので、Webセーフフォントをフォールバックとしてリストする必要があります。
Rockwellの代わりに、 Google Web Fonts API からArvoというフォントを使用できます。
他の人が述べているように、ロックウェルはウェブセーフフォントではありません。たとえば、私はこれを完全に通常のWindowsボックスに入力していて、それを持っていません。特定のバージョンのOfficeと共にインストールされます。
現在受け入れられている回答では、適切なCSSフォントスタックを使用して、Rockwellを持っているビジターにロックウェルをフィードし、それを持たないビジターには一般的だがあまり適さないフォントを推奨しています。それはすばらしいアドバイスです。そうしてください。
ただし、実際には1つ上手にできます。最新の非IEブラウザーはすべて、CSS Webfontsを現在サポートしているか、次のリリースでサポートする予定です。このモジュールを使用すると、サーバー上でフォントをホストし、訪問者が訪問したときにそれを透過的にフィードできるので、確実に利用できないさまざまなフォントを使用できます。今すぐロックウェルのWebfontサポートを追加して、フォントスタックの2番目の選択肢として(通常のロックウェルの背後に)追加します。これにより、高度なブラウザーを使用しているがロックウェルをインストールしていないビジターは、タイポグラフィの効果を完全に引き出すことができ、ブラウザーの数が少ないビジターは別のフォントに正常に分解できます。
最後に、本当にフォントでIEを押す必要がある場合は、画像の置換を行ってください。 SIFRは常にオプションですが、特に大量に使用すると、ページの速度が実際に低下する可能性があります。私は [〜#〜] pir [〜#〜] の開発者です。これは、PHPバックエンドを使用して、画像。 CSSからすべての関連情報を直接取得し、ワードラップを自動的に処理することもできます。また、ユーザーの1人が開発中のFastCGIバックエンドもあります。 PIRは32ビットPNGを生成するので、完全な透明度を提供できます(ビジターが透明色の処理方法を知っているブラウザーを使用している場合は、フォント自体も透明にします)。
Rockwellは、Office 2003以降および一部のアドビ製品とともにインストールされます。それは私がウェブセーフと考えるものではないので、フォールバックがあることを確認してください。 これは一般的にインストールされるフォントのリスト です。
ロックウェルは office でインストールされます。オフィスのないコンピュータで物事を実行してみたいかもしれません!
Windowsよりもデザイナーに伝えることができます。Rockwellはデフォルトではインストールされません。 Officeスイート(より具体的には、Publisher)の一部としてインストールされます。詳細はこちら: http://support.Microsoft.com/kb/83746
ロックウェルの可用性は一貫していないので、私はそれに依存しません。
ただし、ロックウェルがデザインを機能させる場合は、フォントにsIFRを使用して、ユーザーのコンピューターの内容に関係なくフォントを表示することをお勧めします。
SIFRの詳細 ここ
AnyフォントはWebセーフですif妥当なフォールバックを提供します。つまり:
* { font-family:"Rockwell, Times New Roman, Times, serif";}
もちろん、それはフォールバックと目的のフォントの違いを認識することを意味します。そのフォントなしでどこかでテストしてください。
私はMac OS 10.5.6(Leopard)を使用しており、これまでのアップデートはすべてアップデートされており、システムにそのようなフォントはありません。また、仮想マシンにWindows XP=を新規インストールしましたが、ロックウェルの兆候もありません。
あなたのデザイナーはこれ以上の作業を避けたいと思っています。数か月前にSmashing Magazineで "Sketch Rockwell"が取り上げられるまで、ロックウェルについて聞いたことがありません。
特に16より大きいサイズのフォントを使用する場合は、sIFRも使用します。これは、フォントがないことだけでなく、Windowsで実行されているブラウザーはアンチエイリアスフォントを使用しないため、大きなサイズではフォントがひどく見えます。あなたは見つけることができます ここでニースのsIFRチュートリアル 。
正解:ロックウェルはWebセーフフォントではありません。あなたができることはフォントを入手することです(それはダウンロードして自由です ここ そしてそれをあなたのスタイルシートにインポートしてそれによってすべてのあなたのウェブページでそれを利用可能にすることができます。そうすればあなたの訪問者はそれを持つ必要はありませんそれを表示するために彼らのコンピュータに。