個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

いまさら聞けない無料のアイコンフォントの導入の仕方・使い方

アイコンフォントを今頃になってようやく使ってみました。 最初は正直よくわからず、戸惑ってしまいまし

記事を読む

ロゴ制作などに役立つ無料の英語フリーグリッドフォント29

グリッドフォントというフォントは日本ではなじみのないフォントですが、海外のフリーフォント公開サイトで

記事を読む

Googleフォントを使ったタイポグラフィに惚れぼれ!「Google Web Fonts Typographic Project」

Googleフォントを使った美しいタイポグラフィに惚れぼれ!「Google Web Fonts Typographic Project」

Googleフォントを使った美しいタイポグラフィをご紹介します。 Googleフォントは無料で使え

記事を読む

オリジナルな英語・欧文フォントを一瞬でつくれてしまう「modulator」

オリジナルな英語・欧文フォントを一瞬でつくれてしまう「modulator」

怖いほど簡単に、オリジナルの英語・欧文フォントを作れてしまうサービスをご紹介します。 作成できるの

記事を読む

セール&ディスカウント中のベストセラー英語/欧文フォント「Sant’Elia Script」

おしゃれな筆記体/スクリプト英語/欧文フォント「Sant’Elia Script」がセール&ディスカウント中

おしゃれな筆記体/スクリプト英語/欧文フォント「Sant’Elia Script」がセール&ディスカ

記事を読む

フォント名で検索すると使用例のサイトが表示される「FontReach」が便利!

フォント名で検索すると使用例のサイトが表示される「FontReach」が便利!

フォント名で検索すると使用例のサイトが表示される「FontReach」をご紹介。 検索対象は英語/

記事を読む

Googleフォントをタグで検索!目的のGoogleフォントをすぐに見つけられる「Font Library」

Googleフォントをタグで検索!目的のGoogleフォントをすぐに見つけられる「Font Library」

Googleフォントをタグで検索できて、目的のGoogleフォントをすぐに見つけられる便利なライブラ

記事を読む

コミカルでポップ!無料の欧文コミックフリーフォント/英語マンガフリーフォント70

無料の欧文コミックフリーフォント/英語マンガフリーフォント70

無料の欧文コミックフリーフォント/英語マンガフリーフォントを70集めてみました。 フリーフォントで

記事を読む

タイトルや見出しに最適!無料で使える英語/欧文フリーフォント100

タイトルや見出しで活躍する無料の英語/欧文フリーフォント82

タイトルや見出しで活躍する無料の英語/欧文フリーフォントをご紹介します。 私たち日本人が英語/欧文

記事を読む

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

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

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

記事を読む