Download presentation
Presentation is loading. Please wait.
2
Webフォントって何？ Webページ中のテキスト表示に使うフォントを指定した場所からダウンロードして適用させるもの
見る側の環境に左右されずにデザイン性を保ったまま表示させることができる
3
Webフォントのメリット CSS3のフォント機能で簡単導入！ テキスト装飾がCSSで簡潔できる！ 画像ファイルがとにかく減る！
テキストだから修正が楽！ ユーザーがテキストを選択できる！ デザイナーが満足できる！ 拡大縮小も美しい！
4
Webフォントのデメリット1 費用が発生する 有料・無料・PVで変わる（TypeSquare）
Google Web Fonts（欧文フォント） Font Squirrel（欧文フォント） Fontspring（欧文フォント） Fonts.com（欧文フォント／和文フォント） TypeSquare（和文フォント） FONTPLUS（和文フォント） もじでぱ（和文フォント） デコもじ（和文フォント） amanaimages WEBフォント（和文フォント）
5
Webフォントのデメリット2 動作が重いことがある TypeSquare FONTPLUS →ダイナミックサブセット技術
→ダイナミックサブセット技術 M+ OUTLINE FONTS →手動でサブセット化
6
Webフォントのデメリット3 ユーザーのPC環境で表示にバラつきがある PDF書き出しや印刷 →できる！
「Firefox」は「Gecko」 「Internet Explorer」は「Trident」
8
Webフォントのサイト DENSUKE 筑紫明朝 映画の言葉 ニューシネマDB IMJ 筑紫明朝 B&B A1明朝
9
まとめ 日本語フォントは文字数が多いため、読み込みが遅いという点が大きなポイント。 デメリットを考慮した上でサイトを構築すれば、デザインの幅が広がる。 日本では今後の改善次第でwebフォントの普及は大きく変わって行きそう。
Similar presentations
![コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは ウェブ (Web) は正式名称を World Wide Web という。 文字や画像、動画等を簡単に扱うことができる。 [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.](/39/11010578/big_thumb.jpg "コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは ウェブ (Web) は正式名称を World Wide Web という。 文字や画像、動画等を簡単に扱うことができる。 [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.>")
![クリックすると、 [SourceEditor2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 SQS ホームページ](/40/11113465/big_thumb.jpg "クリックすると、 [SourceEditor2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 SQS ホームページ>")
![F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。](/59/11158950/big_thumb.jpg "F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。>")
