WebFonter: FontShopからフォントを入手して、どんなウェブサイトでもテスト実行

WebFonterはChrome拡張機能兼ブックマークレットで、FontShopの豊富なフォントコレクションからフォントを試すことができます。FontShopには購入可能なフォントが豊富に揃っています。無料フォントもいくつかありますが、選択肢は限られています。フォントの価格は45ドルから2000ドル以上と幅広く、WebFonterを使えば、まるで購入前に試すかのように、ウェブサイトでフォントを試すことができます。フォントを自由に試したり、見出しや本文に複数のフォントを使ったり、行間や行間などのフォント属性を変更したりできます。FontShopからフォントを選択すれば、ウェブサイトにアクセスしてフォントの見栄えを確認する必要はありません。

Chromeユーザーは拡張機能を、他のブラウザをお使いの場合はブックマークレットをご利用ください。作業中のウェブサイトにアクセスしてください。ライブウェブサイトでもローカルホストのウェブサイトでも機能しますが、拡張機能がフォントを取得できるようにインターネット接続が必要です。拡張機能/ブックマークレットをクリックし、ポップアップウィンドウでフォントと使用目的を選択してください。

別のフォントを選択するには、「フォントファミリーを変更」をクリックすると、2つ目のウィンドウが開き、フォントの種類で検索したり、一覧から参照したり、名前で検索したりできます。試してみたいフォントをクリックするか、そのフォントの上にカーソルを置くと、類似フォントが見つかったり、そのフォントの詳細情報（ウェブページが開きます）が表示されたり、お気に入りに追加したりできます。フォントをクリックして選択すると、ウェブページへの変更がすぐに反映されます。

右上にある小さな上向き矢印をクリックすると、フォント選択ウィンドウとWebFonterのメインウィンドウの両方を最小化できます。Ctrl+Hを押すと非表示になります。必ず最初にウィンドウをクリックしてください。そうしないと、閲覧履歴が新しいタブで開いてしまいます。

デフォルトでは、この拡張機能ではH1見出しレベルと本文のフォントをカスタマイズできますが、最初のフォント置換オプションにカーソルを合わせると、オプションが展開してプラスボタンが表示されます。これをクリックし、フォントを適用する属性を選択します。また、FontShopでフォントを購入するための購入ボタンも表示されます。「Tweak」ボタンを使用すると、フォントのサイズ、行の高さ、間隔を変更できます。