Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
CMSとの相性抜群な
Webフォント
主要3サービスのご紹介
有限会社アップルップル 今井 理紗子
CMSと相性抜群のWebフォント
本セッションの流れ
✤ 和文フォントの数
✤ 費用
✤ 使い方
✤ 案件ごとの使い分けのポイント
主要3サービスのご紹介
活用事例のご紹介
CMSと相性抜群のWebフォント
CMSを使ったサイトにこそ
Webフォントの利用をお勧めします
1. CMSと相性抜群のWebフォント
1. CMSと相性抜群のWebフォント
http://typesquare.com/ja/sample/csseffect/
CSSサンプル集 - TypeSquare
主要3サービスのご紹介
今回ご紹介するWebフォントサービス
2. 主要3サービスのご紹介
✤ FONTPLUS(ソフトバンク・テクノロジー)
✤ Adobe Typekit(Adobe)
✤ TypeSquare(モリサワ)
和文フォント数
2. 主要3サービスのご紹介
FONTPLUS 714
TypeKit 80?
TypeSquare 601
※全ウェイトでのカウント
FONTPLUSで
使えるメーカー
2. 主要3サービスのご紹介
✤ フォントワークス
✤ イワタ
✤ モリサワ
✤ モトヤ
✤ SCREEN GP
✤ カタオカデザインワークス
✤ 大日本印刷
✤ 方正
✤ 白舟書体
※和文フォントのみ
Typekitで
使えるメーカー
2. 主要3サービスのご紹介
✤ モリサワ
✤ アドビ
✤ タイプバンク
※和文フォントのみ
TypeSquareで
使えるメーカー
2. 主要3サービスのご紹介
✤ モリサワ
✤ SCREEN GP
✤ タイプバンク
※和文フォントのみ
費用
2. 主要3サービスのご紹介
FONTPLUS Typekit TypeSquare
初期費用 10,800円 ※1 なし ※2 なし
月額
1,080円∼

(∼10万PV)
$40∼
2,160円∼※3

(∼25万PV)
使用フォン...
2. 主要3サービスのご紹介
✤ ドメインを登録
✤ JavaScriptコードを貼り付ける
✤ CSSでフォントを指定
✤ サイト上にWebフォント表示!
使い方
基本的な使い方は以下の通りです。
2. 主要3サービスのご紹介
✤ ∼10万PVのドメインを複数登録するなら
FONTPLUS
✤ 10万PV∼のドメインを少数登録するなら

TypeSquare
✤ Creative Cloud を登録しているなら

Adobe Typeki...
2. 主要3サービスのご紹介
案件ごとの使い分けのポイント
お客様からフォントの指定が
ある場合は、そのフォントを
出せるサービスに!
※モリサワフォントは要注意
活用事例のご紹介
まとめ
Webフォントをおすすめする理由
4. まとめ
✤ 数年前に比べて、フォントサーバーが安定
✤ サイトの見映えが

運用者の技術に左右されない
✤ テキストなので、SEO対策としても◎
ご清聴ありがとうございます
r1sak0
@i_mairy
!
"
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
CMSと相性抜群のWebフォント 主要3サービスのご紹介
Upcoming SlideShare
Loading in …5
×

CMSと相性抜群のWebフォント 主要3サービスのご紹介

753 views

Published on

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

Published in: Design
  • Be the first to comment

  • Be the first to like this

CMSと相性抜群のWebフォント 主要3サービスのご紹介

  1. 1. CMSとの相性抜群な Webフォント 主要3サービスのご紹介 有限会社アップルップル 今井 理紗子
  2. 2. CMSと相性抜群のWebフォント 本セッションの流れ ✤ 和文フォントの数 ✤ 費用 ✤ 使い方 ✤ 案件ごとの使い分けのポイント 主要3サービスのご紹介 活用事例のご紹介
  3. 3. CMSと相性抜群のWebフォント
  4. 4. CMSを使ったサイトにこそ Webフォントの利用をお勧めします 1. CMSと相性抜群のWebフォント
  5. 5. 1. CMSと相性抜群のWebフォント
  6. 6. http://typesquare.com/ja/sample/csseffect/ CSSサンプル集 - TypeSquare
  7. 7. 主要3サービスのご紹介
  8. 8. 今回ご紹介するWebフォントサービス 2. 主要3サービスのご紹介 ✤ FONTPLUS(ソフトバンク・テクノロジー) ✤ Adobe Typekit(Adobe) ✤ TypeSquare(モリサワ)
  9. 9. 和文フォント数 2. 主要3サービスのご紹介 FONTPLUS 714 TypeKit 80? TypeSquare 601 ※全ウェイトでのカウント
  10. 10. FONTPLUSで 使えるメーカー 2. 主要3サービスのご紹介 ✤ フォントワークス ✤ イワタ ✤ モリサワ ✤ モトヤ ✤ SCREEN GP ✤ カタオカデザインワークス ✤ 大日本印刷 ✤ 方正 ✤ 白舟書体 ※和文フォントのみ
  11. 11. Typekitで 使えるメーカー 2. 主要3サービスのご紹介 ✤ モリサワ ✤ アドビ ✤ タイプバンク ※和文フォントのみ
  12. 12. TypeSquareで 使えるメーカー 2. 主要3サービスのご紹介 ✤ モリサワ ✤ SCREEN GP ✤ タイプバンク ※和文フォントのみ
  13. 13. 費用 2. 主要3サービスのご紹介 FONTPLUS Typekit TypeSquare 初期費用 10,800円 ※1 なし ※2 なし 月額 1,080円∼
 (∼10万PV) $40∼ 2,160円∼※3
 (∼25万PV) 使用フォント数 無制限 制限あり 制限あり ※顧客サイトに使う場合
  14. 14. 2. 主要3サービスのご紹介 ✤ ドメインを登録 ✤ JavaScriptコードを貼り付ける ✤ CSSでフォントを指定 ✤ サイト上にWebフォント表示! 使い方 基本的な使い方は以下の通りです。
  15. 15. 2. 主要3サービスのご紹介 ✤ ∼10万PVのドメインを複数登録するなら FONTPLUS ✤ 10万PV∼のドメインを少数登録するなら
 TypeSquare ✤ Creative Cloud を登録しているなら
 Adobe Typekit を試すのも◎ 案件ごとの使い分けのポイント
  16. 16. 2. 主要3サービスのご紹介 案件ごとの使い分けのポイント お客様からフォントの指定が ある場合は、そのフォントを 出せるサービスに! ※モリサワフォントは要注意
  17. 17. 活用事例のご紹介
  18. 18. まとめ
  19. 19. Webフォントをおすすめする理由 4. まとめ ✤ 数年前に比べて、フォントサーバーが安定 ✤ サイトの見映えが
 運用者の技術に左右されない ✤ テキストなので、SEO対策としても◎
  20. 20. ご清聴ありがとうございます r1sak0 @i_mairy ! "

×