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制作する方へ 参考になるサイトばかりを集めたWebサービス 『イケてるWebデザインリンク集』…

    おしゃれでデザインにこだわっているサイトばかりを集めたリンク集…

  2. Web制作ツール

    指定サイトをモバイルで見たコストを教えてくれるWebサービス 『What Does My Site …

    指定したURLを解析してモバイルネットワークでのコストを教えて…

  3. Web制作ツール

    配色に困ったら!! 画面を見ながら配色を試せるWebサービス 『Pandacolors』

    サンプルの画面をプレビューしながら配色を色々と試せるWebサー…

  4. Web制作ツール

    自分のサイトが国外からどの様に見えるのか?をチェックできるWebサービス 『GeoScreensho…

    指定したサイトが国外からどの様に見えるかをチェックできるWeb…

コメント

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

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

PAGE TOP