Adobe Fontsでブログに個性や世界観を

「Adobe Fonts」とは?

Adobeといえば、クリエイターに必須の製作アプリケーションを開発・販売するメーカーである。仕事柄、同社製品のPhotoshopやIllustratorには毎日お世話になっている。

Adobeのアプリケーションは以前はパッケージ販売されていたが、Creative Cloudになってから使用料金を毎月支払うタイプのサブスクリプション版になった。

Creative Cloudの契約者向けのサービスのひとつ「Adobe Fonts」は書体に関するサービスだ。

Webフォントとして、サイトやブログなどで活用できる

Adobe Fontsにフォントを提供しているフォントメーカーは、アドビ、モリサワ、フォントワークス、字遊工房。和文だけでも上記のような大手4社が網羅されていて、個性的なフォントが目白押しだ。欧文まで含めると15,000書体以上から選び放題である。気に入ったフォントは、ブログなどで利用することができる。(2018年末時点)

仕組みとしては、サイト訪問者がページを開いた際に、設定しておいたフォントが同時にダウンロードされ、サイトのフォントを置き換えてくれる。訪問者のパソコンやスマホにそのフォントがなくても問題はなく、こちらが狙ったとおりのフォントが表示される。いっぽうで、データのダウンロードが伴うぶん、ページの表示が少し遅れるというデメリットがある。

しかし、Webフォントを利用すると、一風変わったフォントで記事が表示されるため、ブログなどが少し個性的に映る。Creative Cloudユーザーは利用を検討してみてはいかがだろうか。

自分のブログに「Adobe Fonts」を設定する方法

Adobe Fontsにて、使いたいフォントを登録して、専用の埋め込みコードを発行。それを自分のブログの〈head〉タグに書くという流れである。

Web サイトへのフォントの追加
カスタムフォントを Web サイトに追加する方法を説明しています。

フォントがもたらす印象

フォントはいくつかの系統にわけることができる。そして、それぞれが持つ印象もある程度定義できる。

ゴシック体
真面目さ、堅さ、オフィシャル感。ハネやハライが同じ太さのため、ウェブ上での可読性の高さに優れる。迷ったらコレ!という感じの定番系である。明朝体
日本的、文学的、繊細さ。ハネやハライなどで線の太さに均一性がない。モニターの解像度があがってきた昨今では、以前ほどの読みにくさは解消されてきたが、まだまだ旧世代のモニターで閲覧されている方がいることも考慮するべきかもしれない。UD(ユニバーサルデザイン)
従来のフォントをベースに、より可読性を追求するために開発されたフォント。工業製品や食品の取説など、誰もが間違いなく、正しく理解できるために、最近では使用される場面が増えている。

デザイン系フォント
インパクト重視の傾向があるフォント。タイトルやロゴマークなど、アイキャッチ目的に利用するのが効果的。これで本文を組むと読みにくさが先に立ってしまうことが多い。

ブログのテーマが、ガジェット系か料理系かでも、選ぶフォントは変わってくると思う。たかがフォントだが、文章が醸し出す雰囲気はずいぶん変わるものだ。伝えたい内容にあわせたフォント選びをしたい。

すべては閲覧者の読みやすさのために

PCモニターやスマホで表示されるフォントにまず求められるのは「読みやすさ」だ。フォント自体の読みやすさは当たり前として、さらに、文字サイズ、文字間、行間、色など、すべての要素で読みやすさの完成度は決まる。

これに加えて、閲覧者がどういう環境で読んでいるかを考えると、なかなかこれといった答えがないのが実際のところだ。

WATASOON
WATASOON

ウェブのユーザーファーストは難しい…。

Adobe Fontsを一番安く利用するには

Adobe Creative Cloudのフォトプランが月額980円で、フォトショップとライトルームが利用できる。これにAdobe Fontsの利用権利がついているので、一番安くAdobe Fontsを利用するにはこれかと思う。

フォトショップは高度な画像処理ができるので、ウェブ制作、ブログを書く人にとっては持っていると便利。ライトルームは写真データの管理に秀でたアプリなので、この二つがセットになったフォトプランは、デジタル写真を扱う人にはおすすめだ。

(追記)
調べてみたところ、AdobeのIDをつくれば、Creative Cloudを契約していなくても、Adobe Fontsは利用できるようだが、使用できるフォントが制限されるとのこと。

タイトルとURLをコピーしました