Web制作に!! フォント設定をプレビューしながらCSSコード作成が出来るWebサービス 『Type Nugget』



Webのテキストをプレビューしながら

設定、CSSでダウンロードできるWebサービス

昨日に紹介した配色をプレビューしながら

と同じような感じでテキストも簡単に

プレビューしながらCSSを作成できます

typenugget1

Type Nugget リンク先はこちらから

typenugget2

上記リンク先のページ上部のTryitで作成出来ます

左側が英文ですがプレビューで見る事が出来ます

フォントサイズからWeight、LineHeightなど

数値だけでは分かりづらい設定項目も

プレビューしながら設定できるので、

日本語にした時でも調整できるかと思います

設定項目は非常に多いです

typenugget3

設定出来たら「GENERATE CODE」を

クリックします

typenugget4

ユーザ登録が必要との事ですが

ここのリンクをクリックすると登録無しで

ダウンロードする事が出来ます

日本語のプレビューがあれば良かったのですが

それでもフォント設定を直感的に設定できる

便利なWebサービスです

  • コメント: 0

関連記事

  1. Web制作ツール

    Webのデザイン向上に!! CSSエフェクトをコピペで使えるWebサービス 『CSSFX』

    ちょっとしたアクセントやマウスオーバーにアニメーションするCSSを…

  2. Web制作ツール

    コピペで簡単!! CSSエフェクトを簡単設定してコピペで使えるWebサービス 『CSS Filter…

    使いたいCSSの画像エフェクトを画面上で設定コピペで簡単に使え…

  3. Web制作ツール

    CSSでグラデーションを作りたい時に!! 高機能で使いやすいWebサービス 『Ultimate CS…

    非常に高機能でCSSでグラデーションが作成できるWebサービス…

  4. Web制作ツール

    画像をアップロードするだけでファビコンを作成してくれるWebサービス 『All The FavIco…

    画像をアップロードするだけで各種サイズのファビコンを作成可能なWebサ…

  5. Web制作ツール

    デザインの配色に困った時に役立つネットサービス Kuler 様々な色の組み合わせがあり、色の見本帳

    サイトの配色デザイン・その他色々な配色を決める際に 様々な色の組み合…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP