Successfully reported this slideshow.

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

0

Share

1 of 27
1 of 27

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

0

Share

Download to read offline

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

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

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

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 ! "

×