マーカーネット株式会社

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

WEBデザイン WEB制作 その他 フォント

手軽に雰囲気を変える!無料英字webフォントのまとめ -素敵な明朝フォント編-

投稿日:2014年7月3日 更新日:

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

今回はその第二弾として「素敵な明朝英字フォント(5種)」をご紹介します。
(第一弾「個性的なフォント」はこちら

導入は非常に簡単(それぞれのフォントページに記載されています)なので
今まで画像で作成していた部分をこれからは雰囲気に合わせた
webフォントで置き換えてみては??

Please feel the new world in a Web font!

■■■■■ 英字フォント01 Droid Serif ■■■■■

Droid Serif

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:Droid+Serif

■■■■■ 英字フォント02 Lora ■■■■■

Lora

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:Lora


■■■■■ 英字フォント03 Alegreya SC ■■■■■

Alegreya SC

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:Alegreya+SC:400italic


■■■■■ 英字フォント04 Amethysta ■■■■■

Amethysta

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:Amethysta


■■■■■ 英字フォント05 Almendra SC ■■■■■

Almendra SC

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:Almendra+SC

-WEBデザイン, WEB制作, その他, フォント

執筆者:

関連記事

さまざまなレイアウトの工夫その①

さまざまなレイアウトの工夫その①

キレイなウェブ制作のためには色んな要素が必要となります。「フォント」「色」「レイアウト」「写真」「バランス」「テーマ」等々!今回はその中でも「レイアウト」ついて少し説明させていただきたいと思います。で …

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …

WEBトレンド! 全面に写真を配置した 最新サイトのご紹介 ~素敵サイトの旅 その3~

こんにちは!web初心者のKです! 今日は曇りですが、みなさんお風邪など召されていませんか? 私は雪対策にブーツとコートを少し前に購入しました! 備えあれば憂いなし! もう雪が来ても怖くありません!! …

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

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

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

要素がガクガクブルブル震える変わった動き!

要素がガクガクブルブル震える変わった動き! http://www.markernet.co.jp/blog/2015/09/04/post-6077/ Facebook