クラウドフォントサービス

ウェブデ ザ イン は新たな表現力を手に入れる。

多彩なフォントの美しさをそのままウェブサイトで表示

ご利用の規模に合わせて選べる
様々なプラン

CSSを使った文字修飾も簡単に情報の検索性や活用性が向上。さらにレスポンシブデザインにも最適TypeSquare の 特長
TypeSquare は、あなたの Web サイトデザインを一新します。
TypeSquare のクラウドフォントを利用することで、多彩なフォントの美しさはそのままに、魅力的な Web サイトを効率よく作成できます。

クラウドフォントとは？
クラウドフォントは、一般的には「Web フォント」として知られてなどの Web ブラウザで表示することもできます。

おり、インターネットを介してフォントを配信し、Web ブラウザ

モリサワでは、フォントをスマートデバイス向けのアプリやインで 表 示させる仕 組 み のことです。Web フォントを使った Web

ターネット TV、カーナビゲーションシステムなど、インターネッ

サイトでは、制 作 側で指 定したフォントが 閲 覧 側 の パソコンにトに接 続 するすべ ての 環 境 へ 配 信 することを目 的とするため、搭載されていなくても、フォントを自動的に読み込んで表示する「Web フォント」ではなく「クラウドフォント」と呼んでいます。

ことができます。パソコンだけでなく、スマートフォンやタブレット

AppApphtml
etc.

スマートデバイス向けアプリ

サイト制作側T Vやゲームなど

Webブラウザ

コンテンツサーバー

サブセット化で読み込み速度を向上
表 示 に必 要 な 文 字 だ けを ダウンロ ードするダイナミックサ ブ

が 良 好でな い 環 境でも、快 適に Web サイトを表 示 することがセットを利用することで、配信するフォント自身のファイルサイズをできます。多くの場合、フォントのファイルサイズは画像数枚分に軽量化し、読み込みの速度を向上させることを可能にしています。

収まります。

そのため、スマートフォンやタブレットのように必ずしも通信速度

あ い う え お

今 昨 良 更 無

さ し す せ そ俺 昧 頑 楽 曜

た ち つ て とな に ぬ ね のは ひ ふ へ ほ回 韓 皆 週 買

掲 疲 使 予 三月 寝 朝 私 自ら り る れ ろ

高 電 気 思 待ゆよわをん、 。

よりみち三昧。

り み三 ち昧 。

購 試 日 画 奴

ま み む め もやよ

最 好 除 願 板

場 駅 伝 学 後
母 紙 話 来 逃
上 町 祝 様 会▼

か き く け こ

すべての文字の中から必要な文字だけ抽出して配信

よりみち 三 昧 。

よりみち三昧。

メディアを超えてイメージを統 一
会社案内やカタログ、広告、雑誌などのコンテンツを Web サイト
でも展開する場合、そのデザインに一貫性を持たせることで、ブランドやコンセプトがより強固なものとなり、企業や商品のイメージアップを図ることができます。Webフォントなら、画像やイラストだけでなく、印刷物と同じ書体を Web サイトやさまざまなデジタルコンテンツでも使用することができ、メディアを超えてイメージを統一することができます。

多 様なニーズにお応えする豊 富な書体ラインナップ
TypeSquare では、一 般 的 な 明 朝 体やゴシック体 はもちろん、豊富な書体ラインナップをご用意しています。

デザイン書体やかな書体、装飾書体、UD（ユニバーサルデザイン）

モリサワフォントの他に国内・海外で定評のあるフォントメーカー

書体に加え、欧文書体、中国語、韓国語など、1,700書体を超えるの書体もお選びいただけます。新しい書体も随時拡充されます。

お使いいただける書体は TypeSquare サイトの「フォント一覧」でご案内しています。
https://typesquare.com/ja/fontlist/fontlist
明朝体

UD書体

美しい文字
美しい文 字

かな書体

かなのドラマ

欧文書体

A A A A

ゴシック体

美しい文字

中国語（簡体・繁 体）

读读讀讀

デザイン書体

美しい文字

韓国語

영영영영
※書体は随時追加されます。

TypeSquare のメリット
情 報 の 検索性や活用性を向上
Web サイトの検索性を高めるためには、画像で作成したタイトル翻訳や音声読み上げなどの機能とも連携しやすくなり、伝えたいや見出しは、その情報をタグに記述しなければなりませんでした。

情報を的確に提供できるようになります。また、中国語や韓国語

しかし、Webフォントを指定した文字は完全なテキストとして扱わをはじめとする多国語の書体もご利用いただけるので、Web サイれるため、面倒なタグ付けの作業は不要になります。さらに自動トのグローバル化にも対応します。

▼ Webサイトの検索性の向上

よりみち三昧
▼ 音声読上げ機能との連携

使い古されたテーブル＆チェアに、年季の入ったウッディ調インテリア。

▼ 自動翻訳機能との連携

拡 大してもクリアで美しい文字を表示
スマートフォンやタブレットなどでは、手軽に画面の拡大を行う

Web フォントを使うことで、文字を拡大しても画像2のようにクリことができます。このとき、見出しやボタンなどの画像化されたアで美しく表示することができます。

文字は、画像1のようにぼやけて表示されてしまいます。しかし、［ 特 集 ］10

ひとり時を忘スマートフォンやタブレットでの表示

画像1：画像化された文字

画像2：TypeSquareを利用した文字リキッドレイアウトやレスポンシブデザインにも最適
スマートフォンやタブレットなど多種多様のデバイスが普及していレイアウトや、異なる画面サイズに応じてレイアウトが自動的に調るなか、さまざまなスクリーンサイズや解像度に対応できる Web整されるレスポンシブデザインなど、文字組みが多様に変更されサイトの制作手法が注目されています。Web フォントは、ブラウる手法とも非常に相性がよいです。

ザの表示幅に合わせてページのレイアウト幅が可変するリキッド

Webサイトの 制作・更新フローを大幅に改善
これまでの Web サイトでは、見出しやボタンの文字に好みの書フォント名をテキストに指定し、通常のテキストと同様に文字サイ体や効果を指定したい場合、画像を個別に用意しなければなりズの調整や CSS による効果を設定するだけです。急な文字修正ませんでした。そのため、文字に変更があった場合は、その都度が生じても、画像をつくり直す必要はもうありません。

画像をつくり直す必要がありました。Web フォントなら、使いたい▼ 文字を修正する場合▼ ボタンを追加する場合▼ CSSによるさまざまな効果を文字に適用
タグを挿入したプロパティ画面（ドロップシャドウ ）ドロップシャドウ

光彩グラデーション

透明

画 像を修 正・追 加してデータを送 付

修 正・追 加を依 頼

画 像 の 文 字だとWebサイト管理者

Webデザイナー

テキストを自分で修 正・追 加してWebフォントならWebサイトを更 新Webサイト管理者

データを再 配 置してWebサイトを更 新Webサイト管理者

プランと価 格
スタンダードプラン
簡単に Web フォントをご利用いただけるプランです。スクリプトタグを挿入し、書体名を指定するだけで、サイト内に必要な文字が自動検知され、クラウド上から閲覧環境に最適なフォントが配信されます。
※ 価格はすべて総額（税込価格）で表示しています。

無料（PV＝ページビュー）II￥0￥2,750／月￥5,500／月

1,000PV／月

25万 PV／月

100万 PV／月¥1,650¥1,650

月契 約
基本PV

I

PV 超過料：10万 PVごとー

利用可能書体数
利 用 可 能ドメ イン 数
TypeSquare API
年契約
年契約時の基本PV
追 加 オ プ ション
1書 体 追 加

1ドメ イン 追 加

ー

141ーー

38ご利用可能￥33,000／年ー

300万 PV／年ー￥550／月ー

全書体

よ り 多 く のドメ イ ン 数 や、
100万 PV ／月を上回る規模
でのご利用は「アドバンスドプラン」
をご検討ください。

￥66,000／年

1,200万 PV／年ー￥550／月￥550／月● スタンダード無料プランは、毎月1,000PV までフォントが配信され、超過した場合は翌月までフォントは配信されません。

●T ypeSquare API は、書体リストの取得、フォントの非同期呼び出しなどが可能で、幅広いコンテンツにご利用いただけます。

詳しくはリファレンスページをご覧ください。 https://typesquare.com/ja/service/api_reference● 年 契約のお支払いは、クレジットカードと銀行振込のいずれかをお選びいただけます。
月契約の場合は、クレジットカードのみとなり、毎月自動的に継続されます。

導入の流れTypeSquareサイト

STEP 1TypeSquare サイトの「新規登録」から会員登録し、プランを購入してください。

STEP 2

マイページから専用タグを入手し、html ファイルに記述します。

STEP 3Web フォントを適用したいテキストに、font-family でフォント名を指定してください。

STEP 4

ご利用のサイトの URL を登録します。

STEP 5

Web サイトを公開し、書体が適用されることをご確認ください。

https://typesquare.com/ja/■ 注意事項（全プラン共通）※ Webフォントの使用された Web ページが閲覧されると、1PV としてカウントされます。
※新 規契約の場合は、決済が完了した時点でご利用いただけますが、契約の起算日は翌月1日からとなります。
※登 録されたドメインに含まれるすべての階層でフォントを適用できます。サブドメインは
1ドメインとしてカウントします。
※月契約の場合、フォントの配信が基本 PV を超えると超過料金が発生します。
※年 契約では、ご契約11カ月終了時点での PV 実績が基本 PV を超過した場合、フォントの配信は停止されませんが、次年度はそのご利用実績をカバーするプランでご契約いただ
きます。

※フォントの配信は、月契約・年契約にかかわらず、お客様がマイページからいつでも停止・再開できます。
※年 契約のお支払いは、クレジットカードと銀行振込のいずれかをお選びいただけます。 
月契約の場合は、クレジットカードのみとなり、毎月自動的に継続されます（アドバンスドプラン、Web フォントのホスティング利用プランは別途お問い合わせください）。
※退 会やプラン解約の際に返金はいたしません。月契約を解約される場合、ご利用最終月の料金はその翌月にご請求させていただきます。
※アドバンスドプラン、Web フォントのホスティング利用プランをご希望の方はお問い合わせください。

アドバンスドプラン
PV 数の多い大規模案件でご利用の場合は、アドバンスドプランをご用意しております。
また、Web アプリケーション上で Web フォントを表示させたい、Web サービスの機能として TypeSquare を組み込みたいといった場合も、アドバンスドプランをご提案しております。アドバンスドプラン専用の機能も提供しており、導入前に検証することも可能です。担
当営業がお客様のご依頼に応じた最適なプランをご提案、お見積もりさせていただきます。
詳しくはお問い合わせフォームよりご連絡ください。 https://typesquare.com/ja/contact/［ 主なアドバンスドプラン専用機能 ］

Java
Script

CDN(Content Delivery Network) 連携• お客様が利用中の CDN に Web フォントをキャッシュして配信します。

• C DN に設定を追加するだけで実現可能です ( プログラム不要 )。
• 通常の Web フォント配信よりも Web サイトの描画が速くなる

お客様サーバー

ああああサーバー連携• R EST API を利用し、コンテンツで使われる Webフォントを事

お客様CDNエッジサーバー

あああ

APIで事前取得前取得します ( プログラム必要 )。その Web フォントをお客様のサーバーに配置して配信します。

• 通常の
 
Web フォント配信よりも Web サイトの描画が速くなる場合があります。

ああああ場合があります。

※専用の JavaScript の利用が前提です。※対応する CDN についてはお問い合わせください。

あああああああ

お客様サーバーWeb フォントのホスティング利 用プラン
システムの仕様などにより、TypeSquare からの Web フォント配信が難しい場合は Web フォントファイルをサーバーにホスティングしてご利用いただける特別なプランをご提案いたします。TypeSquareと通信することなく、Web フォントを利用することができます。
詳しくはお問い合わせください。 www.morisawa.co.jp/topic/webfont/〈 アプリ開発向け 〉

TypeSquare APIのご提案

TypeSquare API で必要な文字のみを含むサブセット化されたフォントを取得できます。

この API を活用して Web サイトのみならず、アプリなどでもフォントを取得・表示することができます。
詳細はお問い合わせください。
特長● アプリ側へのフォント組み込みが不要のため、アプリの容量が肥大化しない● サブセット化されたフォントのため、アプリ側の処理負担が軽くフォントの表示が速い● Webフォント形式 (WOFF/WOFF2) 以外にも、デスクトップフォント形式 (TTF/OTF) も取得できる

Q& A よくあ る質 問
Q1 モリサワフォントを購入していませんが、利用できますか？

Q4 PV 数の利用状況を確認できますか？

A1 ご利用いただけます。エディターや制作ソフトウェア上で書体をA4 マイページにログイン後、ご確認できます。

Q2 制 作 会 社 で の 利 用 を 考 えています。TypeSquare を 利 用した

Q5 Morisawa Fonts および MORISAWA PASSPORT 製品表示させたい場合は、別途モリサワフォントをご購入ください。

また、メール通知の設定も行えます。

Web サイトを、クライアントから依頼を受けて制作し、納品してもよいですか？に収録されている全書体が使えますか？

A5 いいえ。お使いいただける書体は TypeSquare サイトのA2 問題ございません。TypeSquare のご利用にあたっては利用規「フォント一覧」でご確認ください。

約をご確認ください。

Q3

Q6 対応するブラウザを教えてください。

一つのプランで、Web フォントを利用できるドメイン数の上限はありますか？

A6 TypeSquare を 使った Web フォントの 表 示 を サ ポ ート
しているブ ラウザ の 最 新 情 報は、TypeSquare サイトをご確認ください。

A3 プランによってご利用いただけるドメイン数に違いがあります。

サブドメインは1ドメインとしてカウントします。ご利用 PV は、登録されたすべてのサイトの合計となります。また、途中でサイトの追加登録も可能です。

導入事例

TypeSquare サポートページはこちら
https://support.typesquare.com/hc/ja

こちらをご確認ください

最新情報は Twitter（ @typesquare）でご確認ください

https://typesquare.com/ja/example/

Chatwork

サービスサイト https://go.chatwork.com/ja/

ビジネスチャット「Chatwork」を展開する Chatwork 株

ブランドサイト https://brand.chatwork.com/共同開発しました。新しいサービスブランドを浸透させるた式会社は、2021年3月のサービス開始10周年を機にサーめ、運営サイトのフォントを TypeSquare にて『Chatworkて、コーポレートフォント『Chatwork Sans』をモリサワとます。

ビスのブランドコンセプトを策定。ブランド刷新の一環とし富士フイルムビジネスイノベーション株式会社

Sans』に移行し、ブランドイメージに一貫性を持たせていhttps://www.fujifilm.com/fb/「富士ゼロックス」が2021年4月1日に「富士フイルムビジ 「UD 新ゴ ハングル」「UD 新ゴ 簡体字」
「Clarimo UD PE」
ネスイノベーション」へと社名変更。それに伴いコーポレートフォントとして富士フイルムが採用した「UD 新ゴシリーズ」をグローバルサイト全体にも使用しています。
「UD 新ゴ」

Picky-Pics

用し、一大ブランドチェンジを実現しました。

https://picky-pics.com/

約５万点ある写真やイラスト素材を利用してチラシやハガは TypeSquare を利用し、PDF や画像への書き出しはサーす。自分の好きな素材をドラッグ＆ドロップしてレイアウト

to Print のサービスを実現しています。

キ、名刺などのデザイン作成ができるオンラインツールでするだけで、プロ並みのデザインに仕上げます。Web 上でSTORES.jp

バーアプリケーション用フォントを利用することにより、Web

https://stores.jp/「STORES.jp」は Web サイトの知識をまったく持たない方しているストアオーナーが TypeSquare を利用することで、スです。オンラインストアにとってロゴはストアの雰囲気を高いサイトを提供しています。

でも、簡単にオンラインストアをつくることができるサービつくるために非常に重要です。テキストでストア名を表示

本製品に関する情報はなど、グローバルサイトの多言語展開に TypeSquare を利ストアの雰囲気に合わせてフォントを選択し、デザイン性のhttps://typesquare.com/ja/●本カタログに記載されている会社名および商品名・ロゴは、各社の登録商標または商標です。
●本仕様は、予告なく変更する場合があります。あらかじめご了承ください。

NO COPY モリサワ製品の不正コピーなど、違法行為にお気づきの方は株式会社モリサワ

一般社団法人コンピュータソフトウェア著作権協会

無断コピーは違法です！ （一社）
コンピュータソフトウェア著作権協会（Tel:03-5976-5178）
までご連絡ください。

本社〒556-0012 大阪市浪速区敷津東2-6-25 Tel: 06-6649-2151

札幌営業所

仙台支店

〒984-0051 仙台市若林区新寺1-3-8 Tel: 022-296-0421

鹿児島営業所 〒892-0847 鹿児島市西千石町11-21 鹿児島MSビル5F 510号室

東京本社〒162-0822 東京都新宿区下宮比町2-27 Tel: 03-3267-1231

名古屋支店 〒460-0002 名古屋市中区丸ノ内1-5-10 Tel: 052-201-2341

www.morisawa.co.jp

福岡営業所
浜松開発室

〒060-0042 札幌市中央区大通西一丁目14-2 桂和大通ビル50 9F 925号室〒812-0013 福岡市博多区博多駅東1-3-25 Tel: 092-411-5875〒434-0038 浜松市浜北区貴布祢34-2 遠鉄浜北ビル2F Tel: 053-424-7707

2310