インターネット・アカデミー オフィシャルブログ
About

オシャレなWebフォントは「Typespiration」で探そう

2016年11月 1日

オシャレなWebフォントは「Typespiration」で探そう

最近、オシャレなWebフォントが増えてますよね。
フラットデザインの流行、そしてWebフォントの登場から、フォントやタイポグラフィの重要度が高まり、洗練されたタイポグラフィをWebサイト上に使用することは、もはや当たり前になってきています。

今日は、海外サイトではありますが、オシャレなWebフォントを集めたギャラリーサイト「Typespiration」をご紹介します。
こちらのサイトを使えば、バナーやキャンペーン告知、LPなどで利用できるオシャレな英字フォントを入手することができます。

「Typespiration」の使い方

Typespirationにアクセスをすると、フォントリストがカード形式で並んでいます。その中から気になるフォントを選択しましょう。

クリックをすると、詳細ページに飛ぶことができます。

「Typespiration」の使い方

詳細ページは、最初「Preview」画面になっています。フォントの情報と、サンプルが表示されています。気に入ったら、「Font&Colors」ボタンをクリックしましょう。フォントバリエーションと色が表示されます。

「Quick Use」をクリックすれば、Webフォントとして使用するために必要なHTMLやCSSの記述が表示されています

「Typespiration」の使い方 2

後は、サイトのデータにコピー&ペーストして使うだけです。

タグも豊富に用意されているので、サイト内で検索もしやすいですよ。Webフォント、日々新しいデータがたくさん用意されているので、ぜひ活用してWebデザインのクオリティをあげましょう!

関連リンク

関連ブログ記事

本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。

  • このエントリーをはてなブックマークに追加

現在、マサチューセッツ工科大学のW3C本部に在籍し、HTML開発とインターネット・アカデミーのカリキュラム開発を担当する。

海外支店責任者として、アメリカとインド、日本を行き来する。5年間、マサチューセッツ工科大学のW3C本部に在籍し、HTML開発と普及活動を行ってきた経歴を持つ。

日本の新宿校、渋谷校インストラクター。主にWebマー ケティングとクリエイティブ系の授業を担当。

バンガロール校インストラクター。デジタルマーケティング が専門分野。

Google認定Webマーケティング講座の企画・開発に携わる。「PHPカンファレンス2011」で講演。「PHP公式資格教科書」の執筆など

バンガロール校支店長。Webプロデューサー、インストラクター、エリアマネージャを経て、現在はグローバル展開のビジネスディベロップメントを担当。

「W3C"HTML5 Tour"」での講演や、インド校にてWebデザイナーおよびチーフインストラクターを勤めた経歴を持つ、人気キャリアプロデューサー。

フランスにあるW3CのEUホスト、ERCIM(欧州情報処理数学研究コンソーシアム)に常駐し、Webの研究を行うインド人インストラクター。Webマーケティングに精通している。

テーマテーマ

最新の記事最新の記事

スタッフ別ブログスタッフ別ブログ