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

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

無料で使えるテクノ/クリスタルフリー英語フォント90+

SFやクラブ関係、最先端・近未来的なテーマなどにマッチしそうなフォントといえばテクノフォントまたの名

記事を読む

欧文/英語フォントがよくわかる!欧文/英語フォントの実例付きサイト「Fonts In Use」

必見!欧文/英語フォントがよくわかる欧文/英語フォントの実例付きサイト「Fonts In Use」

欧文/英語フォントの実例付きサイトご紹介します。 実例数、実に5346!  ものすごい数です。

記事を読む

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

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

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

記事を読む

人気フォントブログ「Typewolf」が選ぶGoogleフォントベスト30(2015年版)

人気フォントブログ「Typewolf」が選ぶGoogleフォントベスト30(2015年版)

人気フォントブログの「Typewolf」が、2015年までのGoogleフォントベスト30を発表しま

記事を読む

ダウンロードしたい素晴らしき無料の手書きフリー英語フォントベスト86

手書きフォントは、独創的なプロポーションから、デザインに個性的な味わいをもたらします。 遊び心を入

記事を読む

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

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

記事を読む

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

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

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

記事を読む

商用利用可でデザインに使える!プロユースな無料の欧文・英語フリーフォント15

商用利用可でデザインに使える!プロユースな無料の欧文・英語フリーフォント14

欧文・英語のフリーフォントの質は、年々上がっているようです。 次々とすぐれたフォントが登場していま

記事を読む

オリジナルなアイコンフォントの作り方・使い方

いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法

アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当

記事を読む

欧文/英語フォント選びでもう迷わない!「タイポグラフィ10の掟(The 10 commandments of typography)」

欧文/英語フォントを利用するときに、1つの判断基準というか参考になりそうだったのでご紹介。 海外の

記事を読む