2015/11/20「a-blog cms DAY in NAGOYA 2015/11」にて、Webフォントサービスについて、CMSと組み合わせた活用事例についてお話をさせていただきました。

1. CMSとの相性抜群な
Webフォント
主要3サービスのご紹介
有限会社アップルップル 今井 理紗子

2. CMSと相性抜群のWebフォント
本セッションの流れ
✤ 和文フォントの数
✤ 費用
✤ 使い方
✤ 案件ごとの使い分けのポイント
主要3サービスのご紹介
活用事例のご紹介

3. CMSと相性抜群のWebフォント

4. CMSを使ったサイトにこそ
Webフォントの利用をお勧めします
1. CMSと相性抜群のWebフォント

5. 1. CMSと相性抜群のWebフォント

6. http://typesquare.com/ja/sample/csseffect/
CSSサンプル集 - TypeSquare

8. 主要3サービスのご紹介

9. 今回ご紹介するWebフォントサービス
2. 主要3サービスのご紹介
✤ FONTPLUS（ソフトバンク・テクノロジー）
✤ Adobe Typekit（Adobe）
✤ TypeSquare（モリサワ）

13. 和文フォント数
2. 主要3サービスのご紹介
FONTPLUS 714
TypeKit 80?
TypeSquare 601
※全ウェイトでのカウント

14. FONTPLUSで
使えるメーカー
2. 主要3サービスのご紹介
✤ フォントワークス
✤ イワタ
✤ モリサワ
✤ モトヤ
✤ SCREEN GP
✤ カタオカデザインワークス
✤ 大日本印刷
✤ 方正
✤ 白舟書体
※和文フォントのみ

15. Typekitで
使えるメーカー
2. 主要3サービスのご紹介
✤ モリサワ
✤ アドビ
✤ タイプバンク
※和文フォントのみ

16. TypeSquareで
使えるメーカー
2. 主要3サービスのご紹介
✤ モリサワ
✤ SCREEN GP
✤ タイプバンク
※和文フォントのみ

17. 費用
2. 主要3サービスのご紹介
FONTPLUS Typekit TypeSquare
初期費用 10,800円 ※１ なし ※2 なし
月額
1,080円∼
（∼10万PV）
$40∼
2,160円∼※3
（∼25万PV）
使用フォント数 無制限 制限あり 制限あり
※顧客サイトに使う場合

18. 2. 主要3サービスのご紹介
✤ ドメインを登録
✤ JavaScriptコードを貼り付ける
✤ CSSでフォントを指定
✤ サイト上にWebフォント表示！
使い方
基本的な使い方は以下の通りです。

22. 2. 主要3サービスのご紹介
✤ ∼10万PVのドメインを複数登録するなら
FONTPLUS
✤ 10万PV∼のドメインを少数登録するなら
TypeSquare
✤ Creative Cloud を登録しているなら
Adobe Typekit を試すのも◎
案件ごとの使い分けのポイント

23. 2. 主要3サービスのご紹介
案件ごとの使い分けのポイント
お客様からフォントの指定が
ある場合は、そのフォントを
出せるサービスに！
※モリサワフォントは要注意

24. 活用事例のご紹介

25. まとめ

26. Webフォントをおすすめする理由
4. まとめ
✤ 数年前に比べて、フォントサーバーが安定
✤ サイトの見映えが
運用者の技術に左右されない
✤ テキストなので、SEO対策としても◎

27. ご清聴ありがとうございます
r1sak0
@i_mairy
!
"