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

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

【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント

【保存版】商用利用可!漢字も使える無料の日本語/和文フリーフォント114

フリーフォントを探すのは時間と手間がかかります。 これまでは、必要になったときだけググってフォント

記事を読む

2014年の要チェック無料英語/欧文フリーフォント99

質のいい英語(欧文)のフリーフォントが次々に出ていますが、 今回は2013年後半から2014年現在

記事を読む

クリスマスの無料英語フォントはこれ!クリスマスにピッタリな雰囲気のフリー欧文フォント25

クリスマスシーズン目前となりました。 そろそろクリスマス向けの制作物をつくり始めているという方も多

記事を読む

Googleフォントをフル活用!Googleフォントをさらに見つけやすく使いやすくするサービス9

Googleフォントのオススメがすぐわかる!Googleフォントを見つけやすく使いやすくするサービス10

GoogleフォントのオススメがすぐわかるGoogleフォントを見つけやすく使いやすくするサービスを

記事を読む

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

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

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

記事を読む

Googleフォントを使った組み合わせを次々提案してくれる「Font Flame」

Googleフォントを使った組み合わせを次々提案してくれる「Font Flame」

Googleフォントを使った組み合わせを次々提案してくれる「Font Flame」。 提案された組

記事を読む

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

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

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

記事を読む

美しい日本語フォントの組み合わせ!少ないフォントでも美しいデザインが可能になる「AcuCaseProject」がすごい!

美しい日本語フォントの組み合わせ!少ないフォントでも美しいデザインが可能になる「AcuCaseProject」がすごい!

美しい日本語フォントの組み合わせで、少ないフォントでも、より美しい日本語デザインを実現できる素晴らし

記事を読む

無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!

無料で日本語WEBフォントが実装できる「Japont」が有難すぎる!

日本語のWEBフォントが無料で利用できてしまうサービスを個人の方がリリースしましたのでご紹介。 こ

記事を読む

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

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

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

記事を読む