Webフォントって何? Webページ中のテキスト表示に使うフォントを指定した場所からダウンロードして適用させるもの

Slides:



Advertisements
Similar presentations
プラグイン作成講座 Control System Studio 3.0 Takashi Nakamoto
Advertisements

コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
図書・雑誌・論文検 索 岩手大学情報メディアセンター図書館 - 2012年 -. 検索とは 文書やデータの中から必要な事項をさがし 出すこと(広辞苑第6版) 文書やデータの中から必要な事項をさがし 出すこと(広辞苑第6版) – インデックス型 文字列が検索キー
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します! (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.
JSP を利用した 書店検索サイトの構築 佐々木研究室 03k1012 川村禎恵. 内容  背景  目的  サイトの説明  デモンストレーション  今後の課題.
卒業論文審査会 Web の読みやすさ実験ツールの開発 岩手県立大学 ソフトウェア情報学部 ソフトウェア情報学部 4 年 柴田 大樹 指導教員:鈴木克明 藤原康宏 市川尚.
1 なんとなく Ajax ~新しくて古い XMLHttp 川合孝典 (Kansai.pm) 2005/5/22.
クリックすると、 [SourceEditor2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 SQS ホームページ
コンピュータ基礎実習 ( 上級 ) 第九回 スタイルシート 清水淳紀. はじめに  今回の内容  スタイルシート (CSS) とは何か  CSS の役割  CSS の利点  スタイルシートの基本  CSS の記入方法  基本的な CSS の例.
F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。
専門ゼミⅠ 南ゼミ 特別授業 2002年5月24日 金曜日 4限目 今泉 裕隆.
IIS 4.0で開発をするコツ Webアプリケーション構築.
映像技術演習 第7回:オーサリング・書き出し.
WDC提出用Webページ ~フリー素材作成~
電子書籍を さがす どんな書籍があるの? Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 田中 聡
Flashプレイヤーを使った動画配信 情報工学科 宮本 崇也.
DotNetNukeについて ㈱BSC 川神 彰(ゴッドリバー).
1 インストール・起動する 「SQS」で検索 SQSホームページ 動作環境 JavaSE 6以上 (JRE6)
HTMLの基礎知識.
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
WordPressの基礎.
電子書籍を さがす どんな書籍があるの?
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
Microsoft PowerPointを使ってみよう
Software Freedom Day2012 野首貴嗣
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
企業情報ポータルについて 近畿大学理工学部 情報学科3回生 藤森浩忠.
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
Perlを用いた 学内専用アップローダの作成
インターネット活用法 ~ブラウザ編~ 09016 上野喬.
Produced by Value Creation Inc.
実習1:コマンドシェルの使い方.
NET NET NET Photo Design LE Photo Design School Photo Design Package I
卒業研究成果発表会 Webの読みやすさ実験ツールの開発
Wordの使い方.
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
サイボウズスタートアップス株式会社
XMLゼミ 5.1 XML文書と表示 5.2 CSS 5.3 XMLとXSL 高橋 辰裕.
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
オープンソースソフトウェア osCommerceにおけるデザイン変更
パスファインダーの作成 slis. tsukuba. ac. jp/~fuyuki/cje2/CJE161018
基礎プログラミング演習 第1回.
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
2004年度 サマースクール in 稚内 JavaによるWebアプリケーション入門
2003年度 データベース論 安藤 友晴.
ウインドウズ・ライブ・メッセンジャー (Windows Live Messenger)を用いた情報共有
平成19年10月19日 図書系のための アプリケーション開発講習会
売れるためのWEBサイト構築.
2004年11月22日卒業論文中間発表 「Webの読みやすさ 実験ツールの開発」
Webデザイン入門 Expression Web 解説
障害児関係データベースの ブログ化について
ファイルのアップロード HTMLファイルをWebサーバにアップロード 名商大のWebサーバ(opinion.nucba.ac.jp)
プロジェクト演習Ⅱ インタラクティブゲーム制作
個人の動画配信のためのWebサーバ構築 06A1058 古江 和栄.
Flashを用いたゲーム制作 05A1304 鈴木 浩高.
ここに 表題や引用文が入る 背景への図の使用とキャプションへのテクスチャの適用 (中級)
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子拓磨
コンピュータ リテラシー 担当教官  河中.
動画配信捕捉のためのWEBサーバ構築 06A1058 古江 和栄.
Microsoft Office クイックガイド ~基本編~
「拝啓、さかもとと申します」 2008年6月28日 わんくま同盟 勉強会初参戦。 ※最重要 -質問はご遠慮願います-
「拝啓、さかもとと申します」 2008年6月28日 わんくま同盟 勉強会初参戦。 ※最重要 -質問はご遠慮願います-
☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆ ☆に関する研究 テンプレート:A0 ページ設定※ 幅 84.1cm 高さ 118.9cm
使用する CSS・JavaScrpitも指定
会社名 製品とサービス ここには貴社の社是を記述します。
情報スキル入門 第3週 キャンパスネットワークの利用.
VPNクライアント接続 サーバー保守のための安全な経路+作業者単位のアクセス制御 簡単な図 (網羅性より象徴性)
Presentation transcript:

Webフォントって何? Webページ中のテキスト表示に使うフォントを指定した場所からダウンロードして適用させるもの 見る側の環境に左右されずにデザイン性を保ったまま表示させることができる

Webフォントのメリット CSS3のフォント機能で簡単導入! テキスト装飾がCSSで簡潔できる! 画像ファイルがとにかく減る! テキストだから修正が楽! ユーザーがテキストを選択できる! デザイナーが満足できる! 拡大縮小も美しい!

Webフォントのデメリット1 費用が発生する 有料・無料・PVで変わる(TypeSquare) Google Web Fonts(欧文フォント) Font Squirrel(欧文フォント) Fontspring(欧文フォント) Fonts.com(欧文フォント/和文フォント) TypeSquare(和文フォント) FONTPLUS(和文フォント) もじでぱ(和文フォント) デコもじ(和文フォント) amanaimages WEBフォント(和文フォント)

Webフォントのデメリット2 動作が重いことがある TypeSquare FONTPLUS →ダイナミックサブセット技術  →ダイナミックサブセット技術 M+ OUTLINE FONTS →手動でサブセット化   http://mplus.font-face.jp/#/

Webフォントのデメリット3 ユーザーのPC環境で表示にバラつきがある PDF書き出しや印刷 →できる!               「Firefox」は「Gecko」               「Internet Explorer」は「Trident」        

Webフォントのサイト DENSUKE     筑紫明朝 映画の言葉   ニューシネマDB IMJ        筑紫明朝 B&B   A1明朝

まとめ 日本語フォントは文字数が多いため、読み込みが遅いという点が大きなポイント。 デメリットを考慮した上でサイトを構築すれば、デザインの幅が広がる。 日本では今後の改善次第でwebフォントの普及は大きく変わって行きそう。