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サイトの横幅まとめ一覧」

    ホームページ制作において横幅というのは意外と迷うものです私の作…

  3. Web制作ツール

    好みの場所から測定が可能なWebサイトのスピードテスト 『Worldwide Website Spe…

    自分の指定した場所からWebサイトの表示スピード測定が可能なWebサー…

コメント

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

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

最近の記事

PAGE TOP