マーカーネット株式会社

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

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

関連記事

フォントをまとめて比較!ウェブサービス「wordmark-it」

フォントをまとめて比較!ウェブサービス「wordmark-it」

こんにちは。マーカーネットスタッフのSです。 今回はデザイン制作に便利なサービスをご紹介したいと思います。 デザインで使うフォント選びは作品のクオリティを左右するといっても過言ではない大事な要素です。 …

高クオリティな写真素材がDLし放題!それでいてフリー。これはブクマするしかない!

高クオリティな写真素材がDLし放題!それでいてフリー。これはブクマするしかない!

画面いっぱいに背景写真を敷くWEBデザインが流行っている今日この頃、 見栄えのする写真を探すのもなかなかの一苦労だったりしますよね。 そんな悩めるデザイナーさんたちにオススメしたい、高クオリティな写真 …

デザインの幅が広がる!クオリティの高いイラストサイトまとめ

みなさん こんばんは! デザイナーKです! 今回、私が皆さんにご紹介する内容は! 仕事で使えるイラスト素材サイトです!! 1.ほらぱれっと 私が好きなパステルトーンの可愛い素材が揃っているサイトです。 …

親要素の大きさに合わせて画像をリサイズできるjQueryプラグイン「imgLiquid」

親要素の大きさに合わせて画像をリサイズできるjQueryプラグイン「imgLiquid」 http://www.markernet.co.jp/blog/2015/07/10/post-5790/ F …

【スタイル次第で変幻自在!】巷で話題のSVG3つのポイントご紹介

【スタイル次第で変幻自在!】巷で話題のSVG3つのポイントご紹介

「SVG」というイメージフォーマットをご存知でしょうか? SVG(Scalable Vector Graphics)とはIllustratorで制作されるような、ベクターデータをWEB上で表示すること …