オシャレなWebフォントは「Typespiration」で探そう
2016年11月 1日
最近、オシャレなWebフォントが増えてますよね。
フラットデザインの流行、そしてWebフォントの登場から、フォントやタイポグラフィの重要度が高まり、洗練されたタイポグラフィをWebサイト上に使用することは、もはや当たり前になってきています。
今日は、海外サイトではありますが、オシャレなWebフォントを集めたギャラリーサイト「Typespiration」をご紹介します。
こちらのサイトを使えば、バナーやキャンペーン告知、LPなどで利用できるオシャレな英字フォントを入手することができます。
「Typespiration」の使い方
Typespirationにアクセスをすると、フォントリストがカード形式で並んでいます。その中から気になるフォントを選択しましょう。
クリックをすると、詳細ページに飛ぶことができます。
詳細ページは、最初「Preview」画面になっています。フォントの情報と、サンプルが表示されています。気に入ったら、「Font&Colors」ボタンをクリックしましょう。フォントバリエーションと色が表示されます。
「Quick Use」をクリックすれば、Webフォントとして使用するために必要なHTMLやCSSの記述が表示されています
後は、サイトのデータにコピー&ペーストして使うだけです。
タグも豊富に用意されているので、サイト内で検索もしやすいですよ。Webフォント、日々新しいデータがたくさん用意されているので、ぜひ活用してWebデザインのクオリティをあげましょう!
関連リンク
関連ブログ記事
- 「日本語対応のWebフォント9種類、フリー素材としてGoogleが公開中」written by ささくらはなび
- 「アニメーションアイコンが手軽に作れる「Transformicons」」written by ささくらはなび
- 「ブラウザ間での表示のズレを解消するリセットCSS」written by 有滝貴広
- 「CSS3で手軽にボタンアニメーションを作れる「Animate.css」」written by ささくらはなび
- 「フラットデザインに合うフリーローディングアニメーション素材」written by ささくらはなび
- 「Webフォントでアイコン表示!Font Awesomeとは?」written by 山田宏樹
- 「オシャレ・カワイイ素材が見つかる「The Hungry JPEG」」written by ささくらはなび
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。