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



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

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

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

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

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

typenugget1

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

typenugget2

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

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

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

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

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

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

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

typenugget3

設定出来たら「GENERATE CODE」を

クリックします

typenugget4

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

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

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

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

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

便利なWebサービスです

  • コメント: 0

関連記事

  1. Web制作ツール

    AIで配色パターンを提案しまくってくれるWebサービス 『Colormind』 写真からも配色を作っ…

    人口知能で配色パターンを生成したりアップロードした写真からパタ…

  2. Web制作ツール

    配色に困ったら!! 配色をグリグリ回して選択できるWebサービスが便利 『Color Supply』…

    配色の選択を簡単にしてくれるWebサービス円のカラーパレットで…

  3. Web制作ツール

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

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

  4. Web制作ツール

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

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

コメント

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

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

最近の記事

PAGE TOP