マーカーネット株式会社

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制作, その他, フォント

執筆者:


comment

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

関連記事

Adobe XDの無料おすすめプラグイン8選 その①

Adobe XDの無料おすすめプラグイン8選 その①

こんにちは、デザイナーのAです。 今回はデザインの作業効率をUPするAdobe XDのおすすめプラグインを紹介します!   Adobe XDプラグインの追加方法 方法は主に2種類あります。 …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-1-

こんばんは、デザイナーのOです。 実は私はグラフィックデザイナー出身で、約1年半前にWeb業界に入りました。 Webについてまだまだ勉強中の自分ですが、 実際にWeb制作に携わって感じた、グラフィック …

ウェブデザインの幅が広がるFREEフォントの紹介

ウェブデザイン作りに当たって、フォントの選択はすごく大事なところであり難しい問題です。 普段、使うフォントってもう決まっていたりしませんか? 私の場合、欧文はHELVETICA,Futuraを和文はモ …

2014年秋冬の流行色?

こんばんは、新人Aです。 すっかり気温も秋めいて来ましたね! 季節が変わると気になるのは流行色!ファッションやデザインには欠かせない流行色ですが、今年は何が流行っているんでしょう? ずばり、【ラディア …