タイプナゲットを使用してブラウザでWebタイポグラフィをテストする

Webのタイプをデザインすることは今まで以上に簡単になりました。カスタムWebフォントとCSS3プロパティにより、このプロセスはほとんど手間がかかりません。.

しかし、テストは依然として面倒な作業であり、多くの場合改訂が必要になります。そしてType Nuggetのようなツールを使えば ブラウザに表示されているフォントをテストします。 そしてさらに LESS / SASSまたはCSSコードを生成する - 自分で一行も書かずに！

アプリは完全に無料であり、それは現在ライブベータ版です。あなたが無料のアカウントにサインアップすれば、あなたはあなた自身のカスタムテーマを保存し、異なるフォントスタイルをテストするための異なるプロジェクトを作成することができます。.

右側のツールバーにはたくさんのものがあります。 ヘッダー、段落、ハイパーリンク、および番号付き/番号なしリストに基づいてページフォントを調整するためのオプション. 各フォントタイプには、フォントの色、サイズ、太さ、行の高さ、および文字間隔を変更するためのプロパティを含む独自のセクションがあります。.

当然できます フォントファミリーを変更する も。 Google Webfontsライブラリ内の任意のフォントと、システムにローカルにインストールされているフォントから選択できます。これは、Photoshopでデザインするよりもずっと簡単です。なぜなら、フォントがWebブラウザでどのようにレンダリングされるかがわかるからです。.

匿名タイプのナゲットユーザーは、自分の好みに合わせてフォントを編集および調整できます。, しかしアカウントがなければ、たくさんの優れた機能が欠けているでしょう. タイプナゲットユーザーは個々のテーマを保存できます さまざまなタイプスタイルのライブラリを構築する 多くのWebプロジェクト用.

そして無料のアカウントで、あなたは大きな×を使うことができます。¢コーデックを生成する¢Â？？？純粋なCSSまたはSASSやLESSなどの前処理言語でフォントスタイルを取得するためのボタン。できます コードを縮小する 生産準備が整ったら.

Type Nuggetはまだベータ版ですが、できることに驚いています。これは私が今まで見た中で最も強力なブラウザベースのタイプツールです。 CSSでWebフォントをいじり回すのが嫌なら、Type Nuggetは 膨大な書体ライブラリを備えた無料のビジュアルエディタ あなたの処分で.

そして、あなたが本当にあなたが見ているものが好きなら、それはあなたがすべての最新のアップデートを手に入れることを確認するためにまだベータ版の間に無料のアカウントにサインアップします。チームに対する提案がある場合は、プロジェクトのマイナーなバグや新しいアイデアを共有することができます。.