個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」

デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」

デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」をご紹介します。
これを見ているだけでインスピレーションがどんどん湧いてくることでしょう。
しかも、わざわざGoogleフォントのサイトに行くことなく、その場でHTML+CSSで表示してくれるので大変便利です。
WEBデザインでGoogleフォントを利用する方には、とても使いやすいサービスだと思いますので、ぜひともチェックしてみてください。

WEBデザインで使用できるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」

「TypeSource」は、WEBデザインで使用できるGoogleフォントをHTML+CSS付きで表示してくれる便利なサービスです。
もちろん、例示しているGoogleフォントのリンクは貼られていますが、わざわざGoogleフォントのサイトに行かずとも、その場でHTML+CSSで表示してくれるので大変便利です。

デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」

見たいフォント例の下に「View Source」というボタンを押すと、画面が切り替わってHTMLとCSSが表示されます。

デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」

また、表示されているテキストについても変更可能です。
例示されているフォントにカーソルを合わせると、「Edit Text」と表示されるので、クリックすれば編集できます。

デザインで使えるGoogleフォントをHTML+CSS付きで表示してくれる「TypeSource」

なお、おすすめのGoogleフォントについては、定期的に追加されるようです。
メールアドレスを登録していれば、新しい組み合わせを知らせてくれるので便利です。
これは要チェックです。
TypeSource

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 6

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

かすれ具合が人気のベストセラー英語/欧文フォント「Veneer」がセール&ディスカウント中

かすれ具合が人気のベストセラービンテージ風英語/欧文フォント「Veneer」がセール&ディスカウント中

かすれ具合が人気のベストセラービンテージ風英語/欧文フォント「Veneer」がセール&ディスカウント

記事を読む

デザインを華やかにする無料の英語/欧文デザインフォント30

デザインを華やかにする無料の英語/欧文デザインフォント50

デザインを華やかにする無料の英語/欧文デザインフォントをご紹介します。 ユニークにデザインされたフ

記事を読む

商用利用可能な無料の筆記体英語・欧文フォント(スクリプトフォント)65

エレガントなデザインや、ガーリーテイストのデザインに欠かせないのが、筆記体のフォント、いわゆるスクリ

記事を読む

チョークで書いたような無料のフリー欧文/英語フォント36

チョークで黒板に書いたような無料のフリー欧文/英語フォント36

黒板に手書きで書かれたタイポグラフィは、授業を受けるという原体験があるのか、見ている人を自然と引きつ

記事を読む

無料で使える英語/欧文ステンシルフリーフォント

スタンプのようなクールな英語/欧文フォント!無料ステンシルフリーフォント48

今回ご紹介するステンシルフォントは、欧米で広く使われている「型染め」を模したフォントを指します。

記事を読む

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

好きなアイコンだけを選んでオリジナルのアイコンフォントにできる無料のサービスをまとめてご紹介します。

記事を読む

要チェク!2015年春の英語/欧文無料フリーフォント60+

かっこ良くて使える!2015年春の英語/欧文無料フリーフォント50+

かっこいい無料の英語/欧文フォントが目白押しの2015年春。 かっこいい上に即現場で使える英語/欧

記事を読む

エレガントで美しい無料のスクリプト筆記体フリーフォント55+

エレガントで美しい無料のスクリプト筆記体フリーフォントをまとめてみました。 ウェディング・結婚式や

記事を読む

名だたるデザイナーが作成したフリーの英語/欧文フォントが無料!Dribble発の英語/欧文フォント20

名だたるデザイナーが作成したフリーの英語/欧文フォントが無料!Dribble発の英語/欧文フォント20

Dribbbleというサイトをご存知でしょうか。 世界の名だたるデザイナーが作品をアップしているコ

記事を読む

無料で利用できるカッコイイ英語のフリーフォント85

和文用のフリーフォントは数が限られていますが、英語(欧文)のフリーフォントはたくさんの種類が公開され

記事を読む