ジンドゥークリエイターのフォントを活用しよう

私たちが普段目にしている文字にはいろんな形状が存在していて一般的に文字の形状のことを「フォント」と呼びます。Jimdo の「スタイル」機能には、「フォント」を設定できるボタンがあります。文字の種類を変更する機能ですが、「そもそも、フォントって何？」「どんな類があって、どう使えばいいの？」と疑問に思っている方のために、今回は「フォントの基本」について、解説します。

フォントは、「書体」とも呼ばれ、同じ様式で一セットの文字形状をデザインしたものを言います。パソコンなどで文字を表示したり、あるいは印刷したりできるように、文字の形状をデータ化してグループにしています。

　・Windows は「コントロールパネル」＞「デスクトップのカスタマイズ」＞「フォント」という項目

　・Macは「Finder」＞「アプリケーション」＞「Font Book」という項目

を表示させると、自分のパソコンにどんなフォントがインストールされているかがわかります。最初に入っているものの他、後から追加することもできます。

Word や Excel にも、フォントを設定できる機能があるので、「フォント」という名称は知らなくても、以下のような画面は見たことがある方も多いでしょう。

フォントには、大きく分けて「和文フォント」（日本語フォント）と「英文フォント」があります。各々に更に種類がありますので、まずは「和文フォント」（日本語フォント）から解説します。

代表的なフォントには、以下のような種類があります。

英文フォントには、漢字やひらがななどが入っていません。アルファベットの大文字、小文字、数字、半角記号で構成されているフォントで、代表的なのは「セリフ (serif) 」と「サンセリフ (Sans-serif)」の二種類です。

「セリフ」は、文字の端にある小さな飾りがついた書体、「サンセリフ」は、「セリフ」のない書体のことを指します。また、セリフは縦の線が太くなっており、サンセリフは太さが一定という特徴もあります。

フォントが活躍する場面はいくつかありますが、そのうちの一つがバナーやヘッダー画像のようなイメージ素材です。同じバナーでもフォントを変えると、雰囲気が違って見えます。

明朝系（リュウミン Pro）

ゴシック系（新ゴ Pro）

POP 系（創英角ポップ体）

筆字系（JTC 淡斎行書「彩」）

手書き（あくびん）

ここまでおもにフォントの種類を解説してきましたが、いざ使うとなると、たくさんある中から何を選んで良いのか悩んでしまう方もいるかも知れませんね。ホームページで使用するフォントに関しては、「明朝体」と「ゴシック体」の 2 種類を覚えておけば OK です。この 2 つの特徴を押さえておきましょう。

すべての場面でこの通りに使うということではありませんが、各特徴をつかんでおくと、フォントを設定するときに役立ちます。

Jimdo では、見出しやページタイトルなどのフォントを変更することができますが、Free 版、Pro 版、Business 版で使用できるフォントの数が異なっています。Pro 版・Business 版ユーザーが利用できる「モリサワフォント」は、プロのデザイナーや制作者にも支持されている美しい書体です。

Pro 版・Business 版に付属されている「モリサワフォント」は「Web フォント」と呼ばれており、サーバー上に置いてあるフォントを呼び出して表示させる仕組みを使って表示させることができます。ホームページにアクセスした際に、閲覧者側が持っていないフォントを使っても、ページ上に表示されるため、制作する側の意図した通りに表示させることができます。

【モリサワフォント・書体の見本】

各書体の見本は、サポートページにありますので参考にしてください。

http://jp-help.jimdo.com/design/style/webfont/

フォントの設定や変更は「スタイル機能」を使って、おこなうことができます。以下の手順で進めましょう。

1)左のツールバーから「デザイン」を選択後に「スタイル」を選択します。

2)マウスカーソルが刷毛状になりますので、フォントを変更したいエリアをクリックします。

3)以下のような画面が表示されます。フォントの種類が変更できる画面です。

4)フォントの種類を変更してみましょう。

「人気のフォント」には、モリサワフォントの中で特に人気のものが表示されます。その他、「すべてのフォント」の下に表示される「キャラクター」では、選択した言語に関連するフォントのみを一覧表示させることができます。（複数選択も可能）

選択した言語名を再度クリックすると、選択を解除することができます。

「フィルター」では、「ゴシック」「明朝」「手書き」「装飾」から絞り込んで表示させることができます。

5)キャラクターと、フィルターを設定して絞り込んでみました。絞り込まれて選びやすくなります。

▼「キャラクター」を「日本語」、「フィルター」を「ゴシック」にした画面

▼「キャラクター」を「日本語」、「フィルター」を「明朝」にした画面

日本語のフォント名を選択すると、ひらがな・カタカナ・漢字・全角英数で入力した文字の形状（フォント）が変わります。

●フォントの設定が適用される項目

フォントの設定を行える項目は以下の通りです。「スタイル機能」が使える項目の中で、文字を入力できる箇所が該当します。

JimdoPro/Business では、「モリサワフォント」という高品質のフォントを使用することができます。

使ってみましょう！

※JimdoFreeではゴシック体（sans−serif）と明朝体（serif）の種別設定が可能です。

1)左のツールバーから「デザイン」を選択後、「スタイル」を選択します。

2）フォントを変更したい項目に、刷毛型のマウスカーソルを合わせてクリックします。

3）「キャラクター」を「日本語」にし、「フィルター」を「ゴシック」に設定します。

4）日本語のフォント名が表示されるので、好みのフォントを選択しましょう。

【Jimdoで使用できるモリサワフォントの一覧】

Jimdoで使用できるモリサワフォントの一覧は、以下のページに掲載されいます。選ぶ際の参考にしてください。

▼モリサワフォントの種類

http://jp-help.jimdo.com/design/style/webfont/

フォントを組み合わせて使うことで、ホームページの印象を変化させることができます。

Jimdo Meetup vol.25 で JimdoExpert の服部雄樹さんが、取り上げていた「おすすめの組み合わせ」をご紹介します。

※サンプル画像はそれぞれクリックで拡大できます。

スッキリ見せたいときはコレ！見出し「ゴ MB1」 × 文章「中ゴシックBBB」

ポップな雰囲気なら！見出し「新ゴ　エンボス」 × 文章「UD 新ゴR」

信頼感を演出する！見出し「MA31」 × 文章「黎ミンR」

番外編「すずむし」・・・レトロな雰囲気です。

フォント活用をご紹介しましたがいかがでしたか？　Jimdo には契約の内容に合わせて、いろいろなフォントが選べるようになっているので、自分のホームページ合ったものを設定してみてくださいね。迷ったときは、最寄りの JimdoCafe などで相談してみましょう。