2022/08/22 19:07
豊富に選べるフォントは「GOODLIFE」の特徴のひとつ。選ぶフォントで雰囲気も、世界観も、伝わり方も変わります。商品の魅力や個性を引き出すために、フォント選びはとても大切です。さまざまなジャンルの商品に対応できるよう、Google Fontsから38種類のフォントを厳選しました。少しでも商品の雰囲気に合うフォントがあればと思い、豊富に選べる仕様となっています。以下、フォントの表示ルールや種類について記載いたします。
■ フォント表示のルール
フォント表示のルール（優先順位）があります。基本的には英数字は欧文フォントの適用が優先される設定となっています。欧文フォントには日本語が含まれていないため、日本語には欧文フォントがスキップされ、和文フォントが適用されます。以下のテキストを例にいくつか例を挙げてみます。
■ サンプルテキスト
本文以外のテキスト：Title-01 商品タイトル
本文のテキスト：Text-01 本文テキスト
１）本文のみのフォントで設定した場合
・Title-01（本文の欧文）商品タイトル（本文の和文）
・Text-01（本文の欧文）本文テキスト（本文の和文）
２）本文以外（欧文）を「ON」にした場合
・Title-01（本文以外の欧文）商品タイトル（本文の和文）
・Text-01（本文の欧文）本文テキスト（本文の和文）
３）本文以外（和文）を「ON」にした場合
・Title-01 商品タイトル（本文以外の和文）
・Text-01（本文の欧文）本文テキスト（本文の和文）
４）本文以外（欧文）と（和文）を「ON」にした場合
・Title-01（本文以外の欧文）商品タイトル（本文以外の和文）
・Text-01（本文の欧文）本文テキスト（本文の和文）
■ 使用できるフォントと見本
以下に使用できるフォントを記載しました。見本の文字の画像とGoogle Fontsへのリンクを掲載しております。見本の画像でイメージするのが難しい場合は、実際に使用する文字をGoogle Fontsのサイトで試すこともできますので、そちらでご確認ください。
■ 本文で使用できるフォント
［欧文］− 英数字
○ Roboto（Sans Serif）
○ Inter（Sans Serif）
○ Montserrat（Sans Serif）
○ Raleway（Sans Serif）
○ Quicksand（Sans Serif）
○ Lora（Serif）
○ Libre Baskerville（Serif）
○ Cardo（Serif）
○ Nanum Myeongjo（Serif）
○ Cormorant Garamond（Serif）
○ Roboto Slab（Slab Serif）
○ Zilla Slab（Slab Serif）
［和文］− 日本語
○ Noto Sans Japanese（ゴシック体）
○ BIZ UDGothic（ゴシック体）
○ Zen Kaku Gothic New（ゴシック体）
○ M PLUS Rounded 1c（丸ゴシック体）
○ Zen Maru Gothic（丸ゴシック体）
○ Noto Serif Japanese（明朝体）
○ BIZ UDMincho（明朝体）
○ Shippori Mincho B1（明朝体）
■ テキストロゴ、ナビゲーション、見出し、ボタンで使用できるフォント
［欧文］− 英数字
○ Roboto Condensed（Sans Serif）
○ Fira Sans Condensed（Sans Serif）
○ Josefin Sans（Sans Serif）
○ Josefin Slab（Slab Serif）
○ Gravitas One（Serif）
○ Rubik Dirt（Display）※太さは1種のみ
※和文と組み合わせた際に、太字設定の時、かすれた文字にならないことがあります。
○ Righteous（Display）※太さは1種のみ
○ Rye（Display）※太さは1種のみ
○ Chango（Display）※太さは1種のみ
○ Averia Serif Libre（Display）
○ Stardos Stencil（Display）
○ Abril Fatface（Display）※太さは1種のみ
○ Poiret One（Display）※太さは1種のみ
○ Limelight（Display）※太さは1種のみ
○ Plaster（Display）※太さは1種のみ
○ Emblema One（Display）※太さは1種のみ
○ Dancing Script（Handwriting）
○ Major Mono Display（Monospace）※太さは1種のみ
［和文］− 日本（本文の明朝体と同じ）
○ Noto Serif Japanese（明朝体）
○ BIZ UDMincho（明朝体）
○ Shippori Mincho B1（明朝体）
※本文はゴシック体、それ以外を明朝体にしたいときにお使いいただけます。
※詳細は割愛いたします。
