マーカーネット株式会社

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

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

関連記事

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

PC使用時に画面上の画像などを拡大したい時、 思わず画面に親指と人差し指を添えて必死にズームしようとしたり、 スクロールしたい時に画面に指をスイッと滑らせたりして、 あ、これタッチできないんだ…とザン …

【2014年総まとめ】今年一番多く使ったWEBフォント

【2014年総まとめ】今年一番多く使ったWEBフォント

こんばんわ~WEBデザイナーのHです。 本日はこの1年間、実際のWEBデザイン制作を通して、一番多く使ったWEBフォント、トップ3をご紹介します。 中には有料のものもありますが、社内で共有することを優 …

中国語圏のSEO事情を知る!多言語サイト向けSEO対策の基礎知識

中国語圏のSEO事情を知る!多言語サイト向けSEO対策の基礎知識

ここ最近、サイト多言語化の依頼が増えておりますが、 そもそも多言語サイト向けのSEO対策はどうすればいいのかと思ってる方のために、 今回は中国語圏のSEO事情について少し説明させていただきたいと思いま …

オンライン上でPDFファイルをWordファイルに変換する

オンライン上でPDFファイルをWordファイルに変換する

WEBディレクターとして働いていますと、PSDやPNGなどのデザインデータ以外にもパワーポイントやエクセル、PDFなどのファイルなどクライアント様からさまざまな素材をいただいたり、こちらが資料を作成し …

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …