マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

CSS WEBデザイン WEB制作

手軽に雰囲気を変える!無料英字webフォントのまとめ -個性的編-

投稿日:2014年6月17日 更新日:

webフォントは日本のホームページには今一歩馴染みが無いかもしれませんが
これから先、SEOを視野に入れたものはほぼテキストで作成することが望まれます。

今回はその第一弾として「個性的な英字フォント(5種)」をご紹介します。
導入は非常に簡単(それぞれのフォントページに記載されています)なので
今まで画像で作成していた部分をこれからは雰囲気に合わせた
webフォントで置き換えてみては??

Please feel the new world in a Web font!

■■■■■ 英字フォント01 LimeLight ■■■■■

Limelight

About Markernet

As for the homepage production to succeed, the WEB design, the marketing, leave it to me in WEB production company marker net of Tokyo.

https://www.google.com/fonts#UsePlace:use/Collection:Limelight

■■■■■ 英字フォント02 Hanalei Fill ■■■■■

Hanalei Fill

About Markernet

As for the homepage production to succeed, the WEB design, the marketing, leave it to me in WEB production company marker net of Tokyo.

http://www.google.com/fonts#QuickUsePlace:quickUse/Family:Hanalei+Fill


■■■■■ 英字フォント03 Yanone Kaffeesatz ■■■■■

Yanone Kaffeesatz

About Markernet

As for the homepage production to succeed, the WEB design, the marketing, leave it to me in WEB production company marker net of Tokyo.

https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Yanone+Kaffeesatz


■■■■■ 英字フォント04 Metal Mania ■■■■■

Metal Mania

About Markernet

As for the homepage production to succeed, the WEB design, the marketing, leave it to me in WEB production company marker net of Tokyo.

https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Metal+Mania


■■■■■ 英字フォント05 Righteous ■■■■■

Righteous

About Markernet

As for the homepage production to succeed, the WEB design, the marketing, leave it to me in WEB production company marker net of Tokyo.

https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Righteous

-CSS, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Vol.5】優れたキャッチコピーを見て、閃き力を上げよう!【映画・アニメ編】

冬っ子のわたくし、この暑さもう限界です 皆様こんにちは。いかがお過ごしでしょうか? 真冬生まれのため連日の暑さに耐えきれず瀕死状態のAD&デザイナーMです。   明日から気温が落ち着くようで …

レスポンシブサイトを作る時に私が最低限やっていること【htmlソース編】

レスポンシブサイトを作る時に私が最低限やっていること【htmlソース編】

レスポンシブサイトを作る機会がここ最近かなり増えて来ました。 かくいうこのブログもレスポンシブ対応しています。 レスポンシブサイトを作る時には デザイン面等でも気を付ける事は幾つかありますが、 今回は …

【Illustrator】多角形を使った簡単な花形の作り方

【Illustrator】多角形を使った簡単な花形の作り方

みなさまこんばんは、新人Aです。 今日は、多角形を使って一瞬でお花の形にする方法をお話しようと思います! 数値をずらすだけで形が簡単に変わるので、とってもおすすめです。     【 …

【Photoshop マジック】ビンテージ風の素材がさくさくカンタンに作れちゃう!

Webデザインのトレンド手法のひとつとして、「レトロ感」や「ヴィンテージ感」のあるwebデザインがよく見かけます。 素材がなくても、Phoshopを使えば普通の写真もステキな素材になります! ここで写 …

初めてのホームページ運用。これだけ知っておけば始められます。

初めてのホームページ運用。これだけ知っておけば始められます。

初めてのホームページ運用。これだけ知っておけば始められます。 web制作の仕事をず~~~っとやっていると専門的な事も基本的なことと勘違いしてしまいがちです。私もwebに触れる前は「ブラウザって何?」「 …