27

最近、クライアントから、メニュー項目、記事のタイトル、ブロックのタイトルなどのレイアウト全体でRockwellフォントを多用するWebサイトのモックアップを受け取りました。

そのフォントのことは聞いたことがなく、Webセーフではないと思いました。また、ここやここなど、いくつかの場所でオンラインで確認しましたが、このフォントへの参照は見つかりませんでした。

したがって、このフォントを使用するには何らかのテキスト置換技術を使用する必要があることを設計者に伝えた後、これは確かにWebセーフフォントであり、WindowsとMacでチェックインし、フォントがインストールされていることを示しました。 。

したがって、このフォントを使用しますが、これが標準フォントなのか、アドビ製品やその他のアプリケーションと一緒にインストールされているのか、まだ気になります。

誰かがこれについて何か情報を持っていますか？

4

10 に答える 10

38

非常に少数の Web セーフ フォントのセットがあります。Microsoft Office などのサードパーティ製ソフトウェアが付属しているため、Rockwell はその 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 セーフ フォントをフォールバックとしてリストする必要があります。

于 2009-03-27T21:34:43.023 に答える
8

Rockwellの代わりに、 Google WebFontsAPIのArvoというフォントを使用できます。

于 2011-02-22T13:46:17.607 に答える
7

他の人が述べているように、Rockwell はWeb セーフ フォントではありません。たとえば、私はこれをまったく普通の Windows ボックスで入力していますが、持っていません。特定のバージョンの Office と共にインストールされます。

現在受け入れられている回答では、適切な CSS フォント スタックを使用して Rockwell を持っている訪問者にフィードし、それを持っていない訪問者にはより一般的だがあまり適していないフォントを使用することを推奨しています。それは素晴らしいアドバイスですので、そうしてください。

ただし、実際には 1 つ改善することができます。最新の非 IE ブラウザーはすべて、現在 CSS Web フォントをサポートしているか、次のリリースでサポートする予定です。このモジュールを使用すると、サーバー上でフォントをホストし、訪問者が訪問したときにそれを透過的にフィードできるため、信頼できる方法で入手できない膨大な数のフォントを使用できます。今すぐ Rockwell に Webfont サポートを追加して、フォント スタックの 2 番目の選択肢 (通常の Rockwell の後ろ) にします。これにより、高度なブラウザを使用しているが Rockwell をインストールしていない訪問者は、タイポグラフィの効果を最大限に引き出すことができますが、ブラウザのレベルが低い訪問者は別のフォントに適切に変更できます。

最後に、どうしても IE でフォントを使用する必要がある場合は、画像の置換を使用してください。SIFR は常にオプションですが、ページを大量に使用する場合は特に、ページの速度が大幅に低下する可能性があります。私はPIRの開発者です。これは、PHP バックエンドを使用して画像を生成する控えめで超軽量の JavaScript ベースの画像置換プログラムです。関連するすべての情報を CSS から直接取得し、ワードラップを自動的に処理することもできます。私のユーザーの 1 人が開発中の FastCGI バックエンドもあります。PIR は 32 ビット PNG を生成するため、完全な透明性を提供できます (訪問者が透明色の処理方法を知っているブラウザーを使用している場合は、フォント自体も透明になります)。

于 2009-03-27T23:06:33.490 に答える
4

Rockwellは、Office 2003以降、および一部のアドビ製品とともにインストールされます。それは私がウェブセーフだと考えるものではないので、必ずフォールバックを持ってください。一般的にインストールされるフォントのリストは次のとおりです。

于 2009-03-27T21:29:30.507 に答える
1

Rockwellはオフィスに設置されています。オフィスのないコンピューターで物事を実行してみたくなるかもしれません！

于 2009-03-27T21:27:06.347 に答える
1

あなたはWindowsよりもあなたのデザイナーに言うことができます、ロックウェルはデフォルトでインストールされていません。Officeスイート（より具体的にはパブリッシャー）の一部としてインストールされます。詳細はこちら：http ：//support.microsoft.com/kb/837463

于 2009-03-27T21:29:51.817 に答える
0

Rockwellの可用性には一貫性がないため、私はそれに依存しません。

ただし、ロックウェルがデザインを機能させる場合は、ユーザーのコンピューターに何があるかに関係なく、フォントにsIFRを使用してフォントを表示することをお勧めします。

sIFRの詳細はこちら

于 2009-03-27T21:29:36.747 に答える
0

妥当なフォールバックを提供すれば、どのフォントもWebセーフです。すなわち：

* { font-family:"Rockwell, Times New Roman, Times, serif";}

もちろん、それはフォールバックと目的のフォントの違いを認識することを意味します。そのフォントなしでどこかでテストするようにしてください。

于 2009-03-27T21:30:18.180 に答える
0

Mac OS 10.5.6 (Leopard) に最新のすべてのアップデートが適用されていますが、システムにそのようなフォントがありません。また、仮想マシンに Windows XP を新規インストールしましたが、そこにも Rockwell の兆候はありません。

あなたのデザイナーはそれ以上の仕事を避けたいだけだと思います.. 数ヶ月前に Smashing Magazine で「Sketch Rockwell」が取り上げられるまで、Rockwell のことは聞いたことがありません。

特に 16 より大きいサイズのフォントを使用する場合は、sIFR も使用します。これは、フォントがないことだけではなく、Windows で実行されているブラウザーはフォントのアンチエイリアスを行わないため、サイズが大きくなると見栄えが悪くなります。優れた sIFR チュートリアルはこちらにあります。

于 2009-03-27T21:30:51.440 に答える
0

率直な答え: Rockwell は Web セーフ フォントではありません。できることは、フォントを入手することです (ここから無料でダウンロードできます。スタイルシートにインポートして、すべての Web ページで使用できるようにすることができます。そうすれば、訪問者は表示するためにコンピューターにフォントをインストールする必要がなくなります)。それ。

于 2016-07-20T03:35:15.160 に答える