TypeSquare

Transcription

1 クラウドフォントサービス ウェブデザインは 新たな表現力を 手に入れる ご利用の規模に 多彩なフォントの美しさをそのままウェブサイトで表示 合わせて選べる様々なプラン CSSを使った文字修飾も簡単に 情報の検索性や活用性が向上 さらにレスポンシブデザインにも最適

2 TypeSquare の特長 TypeSquareは あなたの Webサイトデザインを一新します Ty p e S q u a re のクラウドフォントを利用することで 多彩なフォントの美しさはそのままに 魅力的なWebサイトを効率よく作成できます クラウドフォントとは? クラウドフォントは 一般的には Webフォント として知られており インターネットを介してフォントを配信し Webブラウザで表示させる仕組みのことです Webフォントを使った Web サイトでは 制作側で指定したフォントが閲覧側のパソコンに搭載されていなくても フォントを自動的に読込んで表示することができます パソコンだけでなく スマートフォンやタブレット などのWebブラウザで表示することもできます モリサワでは将来的に フォントをスマートデバイス向けのアプリやインターネット T V カーナビゲーションシステムなど インターネットに接続するすべての環境へ配信することを目的とするため W e b フォント ではなく クラウドフォント と呼んでいます [ スタンダードプランの場合 ] サブセット化で読込み速度を向上 表示に必要な文字だけをダウンロードするダイナミックサブセットを利用することで 配信するフォント自身のファイルサイズを軽量化し 読込みの速度を向上させることを可能にしています そのため スマートフォンやタブレットのように 必ずしも通信速度が良好でない環境でも 快適にWebサイトを表示することができます あらかじめサブセット化されたフォントを利用するセルフホスティング方式もご用意しています あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん 今昨良更無回韓皆週買俺昧頑楽曜最好除願板購試日画奴掲疲使予三月寝朝私自場駅伝学後高電気思待母紙話来逃上町祝様会 よりみ三ち昧 よりみち三昧 よりみち三昧 よりみち三昧 すべての文字の中から必要な文字だけ抽出して配信

3 メディアを超えてイメージを統一 会社案内やカタログ 広告 雑誌などのコンテンツをWeb サイトでも展開する場合 そのデザインに一貫性を持たせることで ブランドやコンセプトがより強固なものとなり 企業や商品のイメージアップを図ることができます W e bフォントなら 画像やイラストだけでなく 印刷物と同じ書体をWe b サイトやさまざまなデジタルコンテンツでも使用することができ メディアを超えてイメージを統一することができます 多様なニーズにお応えする豊富な書体ラインナップ TypeSquareでは 一般的な明朝体やゴシック体はもちろん デザイン書体やかな書体 装飾書体 UD( ユニバーサルデザイン ) 書体に加え 欧文書体 中国語 韓国語など 65 0 書体を超える豊富な書体ラインナップをご用意しています 多くの印刷物をはじめ 携帯電話やテレビのテロップなどさまざまなシーンで利用されているモリサワフォントを そのまま Webサイトでも使用することができます お使いいただける書体はTypeSquareサイトの フォント一覧 でご案内しています 明朝体 UD 書体ゴシック体デザイン書体 美しい文字美しい文字美しい文字美しい文字 かな書体欧文書体 中国語 ( 簡体 繁体 ) 韓国語 かなのドラマ A A A A 读读讀讀영영영영 書体は随時追加されます

4 TypeSquare のメリット 情報の検索性や活用性を向上 Web サイトの検索性を高めるためには 画像で作成したタイトルや見出しは その情報をタグに記述しなければなりませんでした しかし Webフォントを指定した文字は完全なテキストとして扱われるため 面倒なタグ付けの作業は不要になります さらに 自動翻訳や音声読上げなどの機能とも連携しやすくなり 伝えたい情報を的確に提供できるようになります また 中国語や韓国語をはじめとする多国語の書体もご利用いただけるので Webサイトのグローバル化にも対応します Web サイトの検索性の向上 よりみち三昧 音声読上げ機能との連携 使い古されたテーブル & チェアに 年季の入ったウッディ調インテリア 自動翻訳機能との連携 拡大してもクリアで美しい文字を表示 スマートフォンやタブレットなどでは 手軽に画面の拡大を行うことができます このとき 見出しやボタンなどの画像化された文字は 画像 1 のようにぼやけて表示されてしまいます しかし W e bフォントを使うことで 文字を拡大しても画像 2 のようにクリアで美しく表示することができます [ 特集 ]10 ひとり時を忘 スマートフォンやタブレットでの表示画像 1: 画像化された文字画像 2:TypeSquare を利用した文字

5 リキッドレイアウトやレスポンシブデザインにも最適 スマートフォンやタブレットなど多種多様のデバイスが普及して いるなか さまざまなスクリーンサイズや解像度に対応できる Web サイトの制作手法が注目されています Web フォント するリキッドレイアウトや 異なる画面サイズに応じてレイアウトが自動的に調整されるレスポンシブデザインなど 文字組みが多様に変更される手法とも非常に相性がよいです は ブラウザの表示幅に合わせてページのレイアウト幅が可変 Web サイトの制作 更新フローを大幅に改善 これまでのWebサイトでは 見出しやボタンの文字に好みの書体や効果を指定したい場合 画像を個別に用意しなければなりませんでした そのため 文字に変更があった場合は その たいフォント名をテキストに指定し 通常のテキストと同様に文字サイズの調整やCSSによる効果を設定するだけです 急な文字修正が生じても 画像を作り直す必要はもうありません 都度画像を作り直す必要がありました W e b フォントなら 使い 文字を修正する場合 ボタンを追加する場合 CSS によるさまざまな効果を文字に適用 タグを挿入したプロパティ画面 ( ドロップシャドウ ) ドロップシャドウ 光彩 グラデーション 透明 画像を修正 追加して データを再配置して 画像の文字だと 修正 追加を依頼 データを送付 Web サイトを更新 Web サイト管理者 Web デザイナー Web サイト管理者 Web フォントなら テキストを自分で修正 追加して Web サイトを更新 Web サイト管理者

6 プランと価格 スタンダードプラン 簡単にWebフォントをご利用いただけるプランです スクリプトタグを挿入し 書体名を指定するだけで サイト内に必要な文字が自動検知され クラウド上から閲覧環境に最適なフォントが配信されます 記載している価格は税抜です 無料 I II 月契約 0 2,000/ 月 4,000/ 月 基本 PV (PV= ページビュー ) 1 万 PV/ 月 25 万 PV/ 月超過 10 万 PV ごとに 500 加算 100 万 PV/ 月超過 10 万 PV ごとに 500 加算 利用可能書体数 1 3 全書体 利用可能ドメイン数 TypeSquare API ー ー ご利用可能 年契約 ー 24,000/ 年 48,000/ 年 年契約時の基本 PV ー 300 万 PV/ 年 1,200 万 PV/ 年 より多くのドメイン数や 100 万 PV/ 月を上回る規模でのご利用は アドバンスドプラン をご検討ください 追加オプション 1 書体追加 ー 500/ 月 ー 1ドメイン追加 ー 500/ 月 500/ 月 スタンダード無料プランは 毎月 1 万 PVまでフォントが配信され 超過した場合は翌月までフォントは配信されません TypeSquare APIは 書体リストの取得 フォントの非同期呼出しなどが可能で 幅広いコンテンツにご利用いただけます 詳しくはリファレンスページをご覧ください 注意事項 ( 全プラン共通 ) Webフォントの使用されたWebページが閲覧されると 1PVとしてカウントされます 新規契約の場合は 決済が完了した時点でご利用いただけますが 契約の起算日は翌月 1 日からとなります (MORISAWA PASSPORT プランは除きます ) 登録されたドメインに含まれるすべての階層でフォントを適用できます サブドメインは 1 ドメインとしてカウントします 月契約の場合 フォントの配信が基本 PVを超えると超過料金が発生します 年契約では ご契約 11 ヶ月終了時点でのPV 実績が基本 PVを超過した場合 フォントの配信は停止されませんが 次年度はそのご利用実績をカバーするプランでご契約いただき ます (MORISAWA PASSPORTプランは除きます ) フォントの配信は 月契約 年契約にかかわらず お客様がマイページからいつでも停止 再開できます 年契約のお支払いは クレジットカードと銀行振込のいずれかをお選びいただけます 月契約の場合は クレジットカードのみとなり 毎月自動的に継続されます ( アドバンスドプランは別途お問合せください ) 退会やプラン解約の際に返金はいたしません 月契約を解約される場合 ご利用最終月の料金はその翌月にご請求させていただきます アドバンスドプランをご希望の方はお問合せください セルフホスティングプラン サイトに必要なフォントをお客様ご自身で Webサーバに設置してご利用いただくプランです あらかじめサイトで使われる文字をサブセット化したフォントを利用することで 書体が素早く適用されます 固定メニューや更新頻度の少ないコンテンツにおすすめです セルフホスティングプランは 1ドメインごとのご契約となります 月契約の場合 フォントの配信が基本 PVを超えると超過料金が発生します セルフホスティングプランでは マイページから必要なサブセットフォントを作成できます その際 コンテンツ (html css) に含まれていない文字列も追加で指定でき 追加文字を含めたサブセットフォントが作成されます 導入の流れ 1 TypeSquareサイトの ご利用申込み から会員登録し プランを購入してください MORISAWA PASSPORTプランはお申込み方法異なります 詳しくはこちらをご覧ください TypeSquare ホームページ 2 マイページから専用タグを入手し html ファイルに記述します 3 4 Web フォントを適用したいテキストに font-family でフォント名を指定してください セルフホスティングプランでは利用するフォントをご自身でサーバに設置いただきます 詳しくはログイン後のマイページでご確認ください ご利用のサイトの UR L を登録します 5 Web サイトを公開し 書体が適用されることをご確認ください

7 MORISAWA PASSPORT プラン すべてのMORISAWA PASSPORT 製品ご契約者に 追加料金なく TypeSquareをご利用いただけるプランです 本プランは TypeSquare 利用機能として MORISAWA PASSPORT 製品とセットで販売されるものです 配信方式 基本 PV (PV= ページビュー ) 利用可能書体数 利用可能ドメイン数 ご利用期間 TypeSquare API 対象製品 クラウド配信とセルフホスティングの両方をご利用いただけます それぞれの配信方式で1,000 万 PV/ 年です 1,000 万 PV/ 年を超過するとフォントの配信は停止します 全書体 クラウド配信は無制限 セルフホスティングは 1 ドメインとなります MORISAWA PASSPORT 製品の契約満了日までご利用いただけます MORISAWA PASSPORT 製品の契約満了日まで 2 ヶ月未満の場合はお申込みいただけません クラウド配信で利用可能 MORISAWA PASSPORT MORISAWA PASSPORT ONE 教育機関向け MORISAWA PASSPORT 公共団体向け MORISAWA PASSPORT MORISAWA PASSPORT アカデミック版 MORISAWA PASSPORT アカデミック版 ( モリサワ認定校用 ) 各製品の詳細はモリサワコーポレートサイトをご覧ください 1,000 万 PV/ 年を超える規模でご利用になる場合や セルフホスティングで 2つ以上のドメインをご利用になる場合は 別途 TypeSquareで該当するプランをご購入ください アドバンスドプラン PV 数の多い大規模案件や各種システム案件でご利用の場合は アドバンスドプランをご用意しております 一般的な機能として提供していないコーポレートフォントなどのオリジナルフォント配信やWe bフォントの配信システム連携などの特別なプランもご用意しております 担当営業がお客様のご依頼に応じた最適なプランをご提案 お見積させていただきます 詳しくは TypeSquare サイトのお問合せフォームよりお問合せください 導入事例 ( 順不同 ) VOGUE JAPAN 国際的なハイブランドのファッションを扱う雑誌 VOGUE JAPAN の公式サイトです 雑誌 PC モバイルすべて合わせて VOGUE というひとつのブランドを形成しているという考え方から ブランドイメージが変わらないようにする必要がありました TypeSquare を利用する ことによって誌面でこだわったフォントを使用し 雑誌で展開されているブランドイメージに沿った世界観を日本語書体はもちろんのこと 多言語書体も利用して海外からもアクセスの多いWebサイトでも再現しています Picky-Pics 約 5 万点ある写真やイラスト素材を利用してチラシやハガキ 名刺等のデザイン作成ができるオンラインツールです 自分の好きな素材をドラッグ & ドロップしてレイアウトするだけで プロ並みのデザインに仕上げます Web 上ではTypeSquareを利用し PDFや画像への書出しはサーバアプリケーション用フォントを利用することにより Web to Printのサービスを実現しています STORES.jp STORES.jp は Webサイトの知識をまったく持たない方でも 簡単にオンラインストアを作ることができるサービスです オンラインストアにとってロゴはストアの雰囲気を作るために非常に重要です テキストでストア 名を表示しているストアオーナーが TypeSquareを利用することで ストアの雰囲気に合わせてフォントを選択し デザイン性の高いサイトを提供しています

8 Q& A よくある質問 Q1 モリサワフォントを購入していませんが 利用できますか? A1 ご利用いただけます エディタや制作ソフトウェア上で書体を表示させたい場合は 別途モリサワフォントをご購入ください Q2 制作会社での利用を考えています TypeSquareを利用した Webサイトを クライアントから依頼を受けて制作し 納品してもよいですか? A2 問題ございません TypeSquareのご利用にあたっては利用規約をご確認ください Q3 1つのプランで Webフォントを利用できるドメイン数の上限はありますか? A3 プランによってご利用いただけるドメイン数に違いがあります サブドメインは 1ドメインとしてカウントします ご利用 P Vは 登録されたすべてのサイトの合計となります また 途中でサイトの追加登録も可能です Q4 P V 数の利用状況を確認できますか? A4 マイページにログイン後 ご確認できます また メール通知の設定も行えます Q5 MORISAWA PASSPORT 製品に収録されている全書体が使えますか? A5 いいえ お使いいただける書体はTypeSquare サイトの フォント一覧 でご確認ください Q6 対応するブラウザを教えてください A6 TypeSquareを使ったWebフォントの表示をサポートしているブラウザは以下の通りです Internet Explorer 8 以上 Safari 5.0 以上 Firefox 5 以上 Chrome 10 以上 ios 4.2 以降のSafari Android 2.2 以降のAndroidブラウザ TypeSquare サイトのご紹介 TypeSquare Web Font Tryout TypeSquare Web Font TryoutはTypeSquare から配信されるフォントを使って あなたの W e b サイトの書体を自由に変更できます ページの下にあるフィールドに U R L を入力して Tr y o u t をクリックするとご自分のページにTypeSquareを適用した様子を見ることができます ぜひお試しください CSSサンプル集 CSSを使ったテキスト修飾のサンプルをご用意しました 使用したソースを表示して実装方法を確認いただけます [ サンプル例 ] シャドウを使った立体表現 反射とグラデーションを使った文字の演出 導入事例 こちらをご確認ください 最新情報は Twitter(@typesquare) でご確認ください 株式会社資生堂 Beauty & Co. 東京カレンダー大日本印刷 秀英体 公式サイト SEIYU 東京都現代美術館株式会社フェリシモ N i a u [ ニアウ ] typesquare.com