Togetter - 「WDE ex -Vol10 『Webフォントの未来』 - ハッシュタグ " #wdx " まとめ」
Twitterのつぶやきマッシュアップメディア!
アプリ
モバイル
ホーム
作成
確認
ログイン
注目のまとめ
今週人気のまとめ
新着のまとめ
更新済まとめ
お気に入り
WDE ex -Vol10 『Webフォントの未来』 - ハッシュタグ " #wdx " まとめ
firefox
webfonts
wdeast
web
webdesign
font
seminar
mozilla
design
browser
【編集】
2010年6月30日開催。WDE ex -Vol10 『Webフォントの未来』(会場:アップルストア銀座)
ハッシュタグ "
#wdx
"が書かれたツイートをまとめました。
※一部、ハッシュタグの書かれていないツイートも任意でピックアップしております。
※誰でも編集可能です。
募集概要(ATND):
http://atnd.org/events/4396
John Daggett さんのスライド(PDFダウンロードページ):
http://bit.ly/dC5pzP
bitgleams
2 fav
209 view
7/1 00:54
twitter
livedoor
delicious
hatena
関連まとめ
アイテム
コメント
お気に入りしたユーザ
まとめられたつぶやき
返信する
RTする
ふぁぼる
明日の『WDE-ex』では、11月開催のスピーカーを何人かご紹介します。宜しくお願いいたします。
wdeast
2010-06-29 09:54:06
返信する
RTする
ふぁぼる
明日は、WDE-ex『Webフォントの未来』ttp://east.webdirections.org/blog/wde-ex10/
wdeast
2010-06-29 14:34:32
返信する
RTする
ふぁぼる
もし明日のイベント来られなかったら、これからのWDE-Ex無料イベントを是非どうぞ!
http://bit.ly/c7VoCg
7月21日も、そして8月は準備中 /cc
@mlhshino
wdeast
2010-06-29 17:05:39
返信する
RTする
ふぁぼる
本日行く予定です。そして終了後にはTogetterやるかもしれません。→ WDE ex -Vol10 『Webフォントの未来』
http://atnd.org/events/4396
ハッシュタグは
#wdx
でいいかな?
bitgleams
2010-06-30 12:42:32
返信する
RTする
ふぁぼる
もうすぐ John さんが Apple Store で Web フォントの未来についての講演
http://bit.ly/9MUiww
私はお付きの人状態で同行。
dynamitter
2010-06-30 17:39:27
返信する
RTする
ふぁぼる
ぼちぼちコレに参加しに銀座へ向かいます…!→WDE ex -Vol10 『Webフォントの未来』 : ATND -
http://bit.ly/9EF5pH
necoze
2010-06-30 18:11:42
返信する
RTする
ふぁぼる
意外にも席に座れた…!
necoze
2010-06-30 18:45:36
返信する
RTする
ふぁぼる
今日のハッシュタグはなんじゃらほい?
necoze
2010-06-30 18:50:31
返信する
RTする
ふぁぼる
Apple Store 銀座で CSS Fonts の仕様書書いてる John さん自らの講演がもうすぐ開始。座席ももうすぐ満席。ハッシュたぐってなんだろう?
dynamitter
2010-06-30 18:55:00
返信する
RTする
ふぁぼる
もう席は満席になりました。もうすぐ始まります
#wdx
wdeast
2010-06-30 18:55:37
返信する
RTする
ふぁぼる
あ、ハッシュタグ→みたいですよ RT
@wdeast
: もう席は満席になりました。もうすぐ始まります
#wdx
necoze
2010-06-30 18:56:28
返信する
RTする
ふぁぼる
今日は
#wdx
です。
miccweb
2010-06-30 18:58:35
返信する
RTする
ふぁぼる
@dynamitter
#wdx
ですよー
miccweb
2010-06-30 19:00:02
返信する
RTする
ふぁぼる
RT
@necoze
: あ、ハッシュタグ→みたいですよ RT
@wdeast
: もう席は満席になりました。もうすぐ始まります
#wdx
emim
2010-06-30 19:00:15
返信する
RTする
ふぁぼる
空腹をひとまずフォントで満たすことにします
#wdx
wdeast
2010-06-30 19:00:15
返信する
RTする
ふぁぼる
しばし実況モードでございます。失礼いたします。
#wdx
necoze
2010-06-30 19:01:33
返信する
RTする
ふぁぼる
@miccweb
なるほど。サンクスです。
dynamitter
2010-06-30 19:01:43
返信する
RTする
ふぁぼる
2010年のWDEはHTML5,mobile,CSS3,ソーシャルマーケティングなどがーテーマ。11/13-16の4日間
#wdx
necoze
2010-06-30 19:04:36
返信する
RTする
ふぁぼる
Mozilla Japan ジョン・ダゲット氏登壇
#wdx
emim
2010-06-30 19:04:59
返信する
RTする
ふぁぼる
去年の10月にこんな記事を書いたジョン・ダゲットさんの講演です
#wdx
http://hacks.mozilla.org/2009/10/woff/
wdeast
2010-06-30 19:05:08
返信する
RTする
ふぁぼる
ジョンダゲットさん→CSS3FOntsのモジュール担当、mozillaの開発も
#wdx
necoze
2010-06-30 19:05:58
返信する
RTする
ふぁぼる
8年日本に滞在しているジョンは通訳要らず
#wdx
wdeast
2010-06-30 19:06:15
返信する
RTする
ふぁぼる
ウェブフォントとは、という説明
#wdx
tomoko_and
2010-06-30 19:06:23
返信する
RTする
ふぁぼる
#wdx
vohedge
2010-06-30 19:06:35
返信する
RTする
ふぁぼる
文字列(フォントの表示)は画像なのか
#wdx
emim
2010-06-30 19:07:16
返信する
RTする
ふぁぼる
alistapart.com/article/cssatten →なぜ文字を画像にしてしまう?情報を取得できない?というという問いかけ→その後状況変わった
#wdx
necoze
2010-06-30 19:07:25
返信する
RTする
ふぁぼる
ひとまず基本的なCSSの記述方法から解説
#wdx
wdeast
2010-06-30 19:07:48
返信する
RTする
ふぁぼる
これまでのフォントの指定→フォントプロパティの組み合わせ、OSにインストールされてるフォントによって表示が異なる
#wdx
necoze
2010-06-30 19:08:39
返信する
RTする
ふぁぼる
@necoze
さんのと合わせて読むとわかりやすい
#wdx
wdeast
2010-06-30 19:08:59
返信する
RTする
ふぁぼる
実況してくれる人もいそうなので、今日は時々難しいところだけコメント書く感じにしよう。
#wdx
dynamitter
2010-06-30 19:09:45
返信する
RTする
ふぁぼる
へうべってかー
bitgleams
2010-06-30 19:09:48
返信する
RTする
ふぁぼる
CSSの記述順序によってフォントが変わる、という事が発生する。(フォントフォールバック)
#wdx
emim
2010-06-30 19:09:49
返信する
RTする
ふぁぼる
発音が心地よい〜
#wdx
tobotoboto
2010-06-30 19:09:56
返信する
RTする
ふぁぼる
ArialはHelveticaの模倣から生まれた? 微妙な違い
#wdx
necoze
2010-06-30 19:10:18
返信する
RTする
ふぁぼる
うん。日本語のフォントになるとぐっと減るよね。。
#wdx
tomoko_and
2010-06-30 19:10:45
返信する
RTする
ふぁぼる
WDE ex -Vol10 『Webフォントの未来』
#wdx
DaiKawakami
2010-06-30 19:11:10
返信する
RTする
ふぁぼる
OSの日本語フォントは本当に少ない!MSゴシック明朝、メイリオ、ヒラギノ等
#wdx
necoze
2010-06-30 19:11:14
返信する
RTする
ふぁぼる
メジャーなOSで共通で使える欧文フォントは5つくらい。日本語だともっともっと少ない
#wdx
wdeast
2010-06-30 19:11:19
返信する
RTする
ふぁぼる
#wdx
Arial ってライセンスが高かったから、Microsoft がそれっぽいフォントを作らせた。
vohedge
2010-06-30 19:11:41
返信する
RTする
ふぁぼる
あとでみる
#wdx
ricochin
2010-06-30 19:12:00
返信する
RTする
ふぁぼる
CSS では font-family, weight などに応じて Font が選ばれるが、そもそも OS 標準フォントの種類が少ないのよね−。
#wdx
dynamitter
2010-06-30 19:12:06
返信する
RTする
ふぁぼる
CSS3 Fonts→
@font
-face,Opentypeも使える、まだまだ開発中、2,3ヶ月ごとに変更あり、今年来年には終わりたい
#wdx
necoze
2010-06-30 19:12:38
返信する
RTする
ふぁぼる
オープンタイプフォントにはリガチャ(合字、複数の文字を結合)などのいろんな機能の定義があるけど、そういう機能まで活用できるのは Adobe のソフトくらい。CSS では無理だった。
#wdx
dynamitter
2010-06-30 19:13:15
返信する
RTする
ふぁぼる
@font
-face rule は10年前にネスケとIEは実装してたけど誰も利用しなかった(出来なかった)
#wdx
wdeast
2010-06-30 19:14:01
返信する
RTする
ふぁぼる
@font
-face はもともとネスケとIEが独自に実装、当時はダウンロードに時間がかかりすぎて現実的じゃない、CSS2にも組み込まれたが使われなかった、CSS3は使う機能にしぼった
#wdx
necoze
2010-06-30 19:14:03
返信する
RTする
ふぁぼる
ダウンロードフォントは
@font
-face rule が CSS2 に定義されたが、機能が無駄に多くて実際に実装されなかったので、CSS3 Fonts ではホントに必要な機能に絞って仕様策定。
#wdx
dynamitter
2010-06-30 19:14:27
返信する
RTする
ふぁぼる
フォントの選択肢が本当に少なすぎる → CSS3。
@font
-face 自体は10年前にNetscapeやIEが実装していた。ものの、独自の形式/回線速度の関係もあり普及しなかった。
#wdx
emim
2010-06-30 19:15:22
返信する
RTする
ふぁぼる
@font
-faceの使い方→フォントを定義する、フォント名を自由に指定し ダウンロード先指定、1つのルールに1つのフォント、他のページには影響なし
#wdx
necoze
2010-06-30 19:15:29
返信する
RTする
ふぁぼる
例えば複数のウェイトを指定→ブラウザは必要なものをダウンロード
#wdx
necoze
2010-06-30 19:16:40
返信する
RTする
ふぁぼる
ブラウザごとにサポートしているファイル形式が違うから宣言してあげたほうがよろしい
#wdx
wdeast
2010-06-30 19:17:32
返信する
RTする
ふぁぼる
ブラウザによってサポートしてるフォント形式異なる→woff,truetypeなどを宣言、宣言により未サポートの形式はダウンロードしない、ちなみにtruetypeとopentypeは同じ意味
#wdx
necoze
2010-06-30 19:18:04
返信する
RTする
ふぁぼる
「ページごとに設定する」というのが非常に大事なこと、っておっしゃってた。
#wdx
emim
2010-06-30 19:18:05
返信する
RTする
ふぁぼる
woff = ウォフ!
#wdx
wdeast
2010-06-30 19:18:20
返信する
RTする
ふぁぼる
ローカルにフォントが存在する場合→そのフォントを使用、それはブラウザが自動的に使用、フォントの指定はフルネームで
#wdx
necoze
2010-06-30 19:19:02
返信する
RTする
ふぁぼる
ローカルに有るフォントであればダウンロードしない
#wdx
emim
2010-06-30 19:19:33
返信する
RTする
ふぁぼる
いま John さんが見せてるのは Fontbook という Mac 標準のフォント表示アプリ。フォントの詳細情報とか確認するのに便利なアプリです。
#wdx
dynamitter
2010-06-30 19:19:39
返信する
RTする
ふぁぼる
MqcOSであればFontbookでフルネーム確認できる
#wdx
necoze
2010-06-30 19:19:47
返信する
RTする
ふぁぼる
#wdx
web フォントを指定する場合、フォントのタイプ(true typeとか)も指定する。ブラウザがサポートしていないタイプの場合はフォールバック。
vohedge
2010-06-30 19:20:20
返信する
RTする
ふぁぼる
PostScriptはSafari,Firefoxのみ
#wdx
wdeast
2010-06-30 19:20:48
返信する
RTする
ふぁぼる
unicode-range:合成フォントの作成(日本語フォント+欧文フォント)
#wdx
emim
2010-06-30 19:21:22
返信する
RTする
ふぁぼる
複雑な使い方→unicode-range→フォントを使用する範囲をユニコードで指定する
#wdx
necoze
2010-06-30 19:22:00
返信する
RTする
ふぁぼる
例えばハングル部分の表記の為だけに韓国語フォントのダウンロードをするなど、出来る
#wdx
emim
2010-06-30 19:22:15
返信する
RTする
ふぁぼる
@font
-face{sec:local(); url:();}でローカルにある時はそれを利用、なければダウンロードできる。その時フォント名はfullnameで書く
tobotoboto
2010-06-30 19:22:20
返信する
RTする
ふぁぼる
Unicode-rangeを使うと欧文、邦文両方あるフォントに対して指定のフォントだけを指定してダウンロードできる
#wdx
wdeast
2010-06-30 19:22:20
返信する
RTする
ふぁぼる
#wdx
unicode-range で日本語部分のみという指定ができる。
vohedge
2010-06-30 19:22:32
返信する
RTする
ふぁぼる
ライセンスの問題があるので他ドメインのフォントはダウンロードしないのが基本。フォント自体に使用可能な URL を定義するというような方法は EOT で行われてたが、WOFF などではそういうことはしない。
#wdx
dynamitter
2010-06-30 19:23:54
返信する
RTする
ふぁぼる
ページに使うフォントは同じドメインのみからダウンロード→他のドメインからはダウンロードは基本的にできない、有効にする方法はある
#wdx
necoze
2010-06-30 19:23:55
返信する
RTする
ふぁぼる
#wdx
ページで使うフォントは同じドメイン、同じプロトコルで。
vohedge
2010-06-30 19:24:01
返信する
RTする
ふぁぼる
ページに使うフォントは同じドメインからのダウンロードしか基本的に出来ないが、サーバーの設定で可能になる
#wdx
wdeast
2010-06-30 19:24:32
返信する
RTする
ふぁぼる
特定のHTTPheader があれば大丈夫
#wdx
necoze
2010-06-30 19:24:48
返信する
RTする
ふぁぼる
『Webフォントの未来』 あとでチェックチェック
#wdx
nandesukaboku
2010-06-30 19:25:17
返信する
RTする
ふぁぼる
ブラウザによってフォント形式のサポート違う、Woffが今は話題に
#wdx
necoze
2010-06-30 19:25:28
返信する
RTする
ふぁぼる
IE9 と Chrome がフォント形式のサポートが多い
#wdx
wdeast
2010-06-30 19:25:43
返信する
RTする
ふぁぼる
unicode-range で、文字種に応じて違うファイルを指定できるようにする事で、必要最小限のフォントをダウンロードして組み合わせて使う事ができる。
#wdx
dynamitter
2010-06-30 19:25:48
返信する
RTする
ふぁぼる
Safari は woff をサポートしてない
#wdx
wdeast
2010-06-30 19:26:34
返信する
RTする
ふぁぼる
IE8以下は必要なくてもfont-faceがあればダウンロードしてしまうバグ→srcが2つあると1番目をダウンロード、それ以外は2番目以降ダウンロード
#wdx
necoze
2010-06-30 19:27:04
返信する
RTする
ふぁぼる
WOFFについて。
#wdx
emim
2010-06-30 19:27:25
返信する
RTする
ふぁぼる
ウェブ上の共通フォント形式がない>定義
#wdx
emim
2010-06-30 19:28:06
返信する
RTする
ふぁぼる
IE が使わない非対応フォントまでダウンロードする問題を回避するには、IE 非対応フォントには local() を含める事で IE に無視させてダウンロードさせない Hack を使う。
#wdx
dynamitter
2010-06-30 19:28:14
返信する
RTする
ふぁぼる
WOFF形式→ウェブ上に共通のフォント形式がないのがきっかけ→FxやChromeでサポート、IE9もサポート!
#wdx
necoze
2010-06-30 19:28:20
返信する
RTする
ふぁぼる
WOFF は OpenFont データを可逆圧縮された形式
wdeast
2010-06-30 19:29:20
返信する
RTする
ふぁぼる
WOFFの特徴について。
#wdx
teruichi81
2010-06-30 19:29:32
返信する
RTする
ふぁぼる
WOFFはOpenType データの可逆圧縮が可能(当初賛否あり)
#wdx
emim
2010-06-30 19:29:34
返信する
RTする
ふぁぼる
メタデータの定義が可能
#wdx
emim
2010-06-30 19:30:36
返信する
RTする
ふぁぼる
パソコン用とは別として利用するのが WOFF
#wdx
wdeast
2010-06-30 19:30:37
返信する
RTする
ふぁぼる
WOFFの特徴→opentypeデータの可逆圧縮、メタデータもある=作者の情報等、DRMは無し
#wdx
necoze
2010-06-30 19:31:31
返信する
RTする
ふぁぼる
パソコン用というわけじゃないし WOFF だけを別途管理したいなぁー
#wdx
wdeast
2010-06-30 19:31:51
返信する
RTする
ふぁぼる
#wdx
woff 形式はライセンスを守るためという目的が大きいのかな?メタデータにライセンス情報を含むもよう。デスクトップと形式を分けるのもそのため。
vohedge
2010-06-30 19:32:23
返信する
RTする
ふぁぼる
フォントは、理想の形と実際の形は違う
#wdx
tomoko_and
2010-06-30 19:32:57
返信する
RTする
ふぁぼる
フォントのレンダリングはプラットフォームごとに違う→アウトラインが理想だが実際はピクセル=小さいサイズだと特徴が消えてしまう
#wdx
necoze
2010-06-30 19:33:11
返信する
RTする
ふぁぼる
フォントのアウトラインデータがピクセルとして表示されるまでの過程 (レンダリング) がブラウザによって違う
#wdx
wdeast
2010-06-30 19:34:17
返信する
RTする
ふぁぼる
22pxまでは画像、それ以上はアウトラインフォント<MS ゴシック
#wdx
teruichi81
2010-06-30 19:34:27
返信する
RTする
ふぁぼる
ビットマップフォント:22pxまでは画像、それ以上はアウトライン形式
#wdx
emim
2010-06-30 19:34:33
返信する
RTする
ふぁぼる
MS UI Gothic は、22px までが画像形式。23pxからアウトライン形式。
#wdx
vohedge
2010-06-30 19:34:38
返信する
RTする
ふぁぼる
ビットマップ→22pxまでは画像形式、以降はアウトライン、サブピクセルアンチエイリアシングという手法で滑らかに見せている(LCDピクセルの構造を利用、いろの違いから滑らかに見せる)
#wdx
necoze
2010-06-30 19:35:55
返信する
RTする
ふぁぼる
ほうほう、サブピクセルアンチエイリアシングについて(LCDピクセルの構造を利用したフォントの細部の表現について)
#wdx
emim
2010-06-30 19:36:21
返信する
RTする
ふぁぼる
サブピクセルアンチエイリアシングでフォントのアウトラインが細かくきれいに見えるけどOSで微妙に違う
#wdx
tobotoboto
2010-06-30 19:36:36
返信する
RTする
ふぁぼる
サブピクセルアウトラインエイジング 周辺の色が違う
#wdx
teruichi81
2010-06-30 19:36:43
返信する
RTする
ふぁぼる
アンチエイリアシングはOSによって処理が違う→アップルは少し太い、Macで設計すると非常に綺麗に見えてしまうので、Win環境でのテストは必須
#wdx
necoze
2010-06-30 19:36:57
返信する
RTする
ふぁぼる
Macだとフォントのレンダリングが綺麗すぎる !
#wdx
emim
2010-06-30 19:37:18
返信する
RTする
ふぁぼる
しかもアンチエイリアシングはOSのバージョンによっても異なる、昔のものほどゴミがある
#wdx
necoze
2010-06-30 19:37:52
返信する
RTする
ふぁぼる
うげ、間違えたorz
#wdx
teruichi81
2010-06-30 19:38:10
返信する
RTする
ふぁぼる
サブピクセルアンチエイリアシング
#wdx
http://www.alienryderflex.com/sub_pixel/
wdeast
2010-06-30 19:38:28
返信する
RTする
ふぁぼる
サブピクセルアンチエイリアシングなんてあるんだ。
vohedge
2010-06-30 19:38:28
返信する
RTする
ふぁぼる
Winではバージョンアップでどんどん良くなっているが、WinXPのシェアは依然として高い
#wdx
necoze
2010-06-30 19:38:34
返信する
RTする
ふぁぼる
行きたかった・・・!Webフォントの未来!あとでハッシュタグを追います。。どなたか記事にまとめていただけたらうれしい!><
#wdx
^T
prophetism
2010-06-30 19:39:37
返信する
RTする
ふぁぼる
メイリオ→Winのバージョンによってレンダリング異なる、ヒンティングの無いフォントはXPではめちゃくちゃになってしまう、Macは自動的に反映するので問題ない、
#wdx
necoze
2010-06-30 19:40:32
返信する
RTする
ふぁぼる
MSの頑張ったメイリオについてもWindowsとMacの再現性が全然違う(Macはヒンティングデータの有無関係なく自動補完)
#wdx
emim
2010-06-30 19:42:02
返信する
RTする
ふぁぼる
メイリオ→アウトラインデータしかない、ヒンティングデータが3割もある
#wdx
necoze
2010-06-30 19:42:55
返信する
RTする
ふぁぼる
#wdx
メイリオは大きいヒンティングデータが入っている。3割りほど。
vohedge
2010-06-30 19:43:12
返信する
RTする
ふぁぼる
メイリオはヒンティングデータに三割費やしている
#wdx
wdeast
2010-06-30 19:43:20
返信する
RTする
ふぁぼる
フォント側がサイズ毎に微調整するデータとして持っているヒンティングデータ、かなりコストかけて定義されているフォントがあるのにちゃんと使ってないともったいない。
dynamitter
2010-06-30 19:43:24
返信する
RTする
ふぁぼる
デザインとTechの間の話。面白いなぁ。
#wdx
chachaki
2010-06-30 19:43:35
返信する
RTする
ふぁぼる
ヒンティングデータの有無でフォントの見え方が違う実例。OSでもバージョンでも全然違う。
#wdx
tobotoboto
2010-06-30 19:43:48
返信する
RTする
ふぁぼる
フォント奥深過ぎる。
#wdx
chachaki
2010-06-30 19:44:57
返信する
RTする
ふぁぼる
フォントダウンロード中、何を表示する?
#wdx
emim
2010-06-30 19:45:13
返信する
RTする
ふぁぼる
WinのOSでClearTypeの挙動が違うの?初めて知った。 RT
@necoze
: メイリオ→Winのバージョンによってレンダリング異なる、ヒンティングの無いフォントはXPではめちゃくちゃになってしまう、Macは自動的に反映するので問題ない、
#wdx
jdash2000
2010-06-30 19:45:21
返信する
RTする
ふぁぼる
オープンソースで使える +Mフォントもウェイトによってはないので他のフォントを代わりにして使うことも
#wdx
wdeast
2010-06-30 19:45:50
返信する
RTする
ふぁぼる
実際のfont-faceの使い方→フォントダウンロードの間は何表示?→ブラウザによって違う safari何も表示されない、Fxなどはデフォルトのフォント
#wdx
necoze
2010-06-30 19:45:56
返信する
RTする
ふぁぼる
#wdx
WEBフォントのダウンロードまちの間、Safariは非表示。Firefoxはフォールバックフォントを使用。
vohedge
2010-06-30 19:46:30
返信する
RTする
ふぁぼる
ブラウザによる:Safariはカラ、Fxは有るフォントで代替。Operaは時間によって判別、一定時間以上は代替フォントで表示。などなど
#wdx
emim
2010-06-30 19:46:44
返信する
RTする
ふぁぼる
フォントのダウンロード他のダウンロードに影響するので複雑なデザインでは要注意
#wdx
necoze
2010-06-30 19:47:06
返信する
RTする
ふぁぼる
ブラウザによってWeb font の適応させ方が違う。これはフォントファイルのサイズが大きくなれば影響を及ぼす。レイアウトも注意したほうが良いだろう
#wdx
wdeast
2010-06-30 19:47:50
返信する
RTする
ふぁぼる
G!いや、、、、Firebug!
#wdx
emim
2010-06-30 19:48:25
返信する
RTする
ふぁぼる
日本語フォント→印刷向けが主、文字が多い、サイズおおきい、設計複雑なので価格が高い、縦書きのグリフあるがWebではつかわない、欧文とは別の製品
#wdx
necoze
2010-06-30 19:49:06
返信する
RTする
ふぁぼる
日本語文字は3000文字あれば99.9%をカバーできる
#wdx
necoze
2010-06-30 19:49:55
返信する
RTする
ふぁぼる
さて日本語はどうしたものか。3000の漢字があれば99%カバーできるというが
#wdx
wdeast
2010-06-30 19:50:40
返信する
RTする
ふぁぼる
例:デコもじ、第1水準絞ってるフォントあり
#wdx
necoze
2010-06-30 19:50:51
返信する
RTする
ふぁぼる
unicode-range利用でフォントデータを分割すると、ダウンロード量も減る
#wdx
emim
2010-06-30 19:51:29
返信する
RTする
ふぁぼる
フォントを分割しunicode-range使用すればダウンロード減らせる、効率的
#wdx
necoze
2010-06-30 19:51:42
返信する
RTする
ふぁぼる
民主党のマニフェストがゆるフォントでwww
#wdx
emim
2010-06-30 19:51:45
返信する
RTする
ふぁぼる
unicode-rangeによる指定が効果的
#wdx
chachaki
2010-06-30 19:51:55
返信する
RTする
ふぁぼる
第一水準とかよく使うフォントとそれ以外など分割し、unicode-range 使って読み込めば、必要な文字だけちゃんと欲しいフォントで表示できる
#wdx
dynamitter
2010-06-30 19:51:55
返信する
RTする
ふぁぼる
Unicode-range を使ってフォントを分割利用をするアプローチ
#wdx
wdeast
2010-06-30 19:51:55
返信する
RTする
ふぁぼる
SVGフォント svgを利用してフォントを定義、htmlで使う xml形式
teruichi81
2010-06-30 19:53:29
返信する
RTする
ふぁぼる
SVGフォント→iPad、iPhone使用できる、SVG形式に変換、定義がシンプルだが機能ない、ヒンティングデータもない、Acid3には必要、テキスト形式なので圧縮が必要
#wdx
necoze
2010-06-30 19:53:35
返信する
RTする
ふぁぼる
#wdx
iPhone iPad では、SVG形式のWEBフォントしか使えない。画像としてレンダリングされる。データはテキスト形式。
vohedge
2010-06-30 19:53:49
返信する
RTする
ふぁぼる
SVG font は機能もなくヒンティングもないのでシンプル。テキスト形式なので圧縮が必須だが iPhone とかに使える
#wdx
wdeast
2010-06-30 19:54:35
返信する
RTする
ふぁぼる
SVG フォントって色々問題多いので Mozilla では意図的にサポート外してます。Acid3 で満点とるためだけに中途なサポートするとかあり得ないし。
#wdx
dynamitter
2010-06-30 19:55:10
返信する
RTする
ふぁぼる
SVGフォントはヒンティングなくてカーニングも難しい。画像としてレンダリングする。
tobotoboto
2010-06-30 19:55:24
返信する
RTする
ふぁぼる
svgは画像としてレンダリングされるので軽い?
#wdx
teruichi81
2010-06-30 19:55:56
返信する
RTする
ふぁぼる
SVGフォント注意点→フォントとしてではなく画像としてレンダリングされる、Winだとヒンティング無いフォント比べてなぜか綺麗
#wdx
necoze
2010-06-30 19:56:07
返信する
RTする
ふぁぼる
(段々イッパイイッパイになってきました orz)
emim
2010-06-30 19:56:51
返信する
RTする
ふぁぼる
SVGであるがゆえにテキストではない。しかし文字の大きさやブラウザによって綺麗に表示させることができる
#wdx
wdeast
2010-06-30 19:56:54
返信する
RTする
ふぁぼる
違うか。
#wdx
teruichi81
2010-06-30 19:58:11
返信する
RTする
ふぁぼる
文字ツメとかどうなるかねぇ。サポートは増えてるけどね
#wdx
wdeast
2010-06-30 19:58:31
返信する
RTする
ふぁぼる
opentype機能→まだ開発中なので今後変更あるかも、Fx safariはカーニングサポートできる、ligatures→複数の文字を1つ文字に変換、昔の欧文フォントのようにもできる、一部の文字だけスタイルを変更、隣に文字にスタイルを合わせることできる
#wdx
necoze
2010-06-30 19:59:14
返信する
RTする
ふぁぼる
質がぼろいかなーw ステキ日本語w
tobotoboto
2010-06-30 20:00:16
返信する
RTする
ふぁぼる
Fx開発版→opentypeの機能を組み合わせた特殊表示が可能に
#wdx
necoze
2010-06-30 20:00:37
返信する
RTする
ふぁぼる
Firefox から愛を込めて
#wdx
dynamitter
2010-06-30 20:01:05
返信する
RTする
ふぁぼる
文字列によってカーニングが変わるとか、書体自体が変わるとか(fiの並びだとiの点がfにくっつくとか)出来るようになる(開発中)
#wdx
emim
2010-06-30 20:02:27
返信する
RTする
ふぁぼる
英字新聞ような文字の装飾可能、数字文字の横幅を詰めずに綺麗に縦にそろえることも、1/3といった文字列を自動的に1つに変換
#wdx
necoze
2010-06-30 20:04:13
返信する
RTする
ふぁぼる
ティラミスの作り方
#wdx
dynamitter
2010-06-30 20:04:22
返信する
RTする
ふぁぼる
Opentypeの機能すごい!使ってみたい!!
tobotoboto
2010-06-30 20:04:27
返信する
RTする
ふぁぼる
旧漢字の表記も設定可能に…
#wdx
emim
2010-06-30 20:05:50
返信する
RTする
ふぁぼる
昔のJISの書体を指定することも可能(麹町の麹とか、大學とか)
#wdx
necoze
2010-06-30 20:06:07
返信する
RTする
ふぁぼる
open-typeかっこいいなぁ。
chachaki
2010-06-30 20:06:38
返信する
RTする
ふぁぼる
全角に文字幅を合わせることもできる
#wdx
necoze
2010-06-30 20:07:02
返信する
RTする
ふぁぼる
旧字体での表示
#wdx
teruichi81
2010-06-30 20:07:13
返信する
RTする
ふぁぼる
フォントサービスが多くなる(欧文が今さかん>日本にもすぐ来る)
#wdx
emim
2010-06-30 20:08:00
返信する
RTする
ふぁぼる
クライアントに応じて使える文字を調整したフォント作成とか
#wdx
wdeast
2010-06-30 20:09:03
返信する
RTする
ふぁぼる
#wdx
古い新聞の文字組みをhtmlとcssで再現したサンプルに感動を覚えた。
vohedge
2010-06-30 20:09:10
返信する
RTする
ふぁぼる
これからどうなる?→フォントサービス多くなる、欧文フォントに続き日本語フォントでも、客によって必要なフォント自動作成?、レンダリングかるくなる、Opentype機能がおおくなる、縦書きはWebで難しい?議論に
#wdx
necoze
2010-06-30 20:09:14
返信する
RTする
ふぁぼる
言葉のデザイン2010についてお知らせでてる
#wdx
emim
2010-06-30 20:09:58
返信する
RTする
ふぁぼる
kotobanodesign.comというイベントあり、ヒラギノなど開発者講演もあるのでオススメだけど、締め切ってるかも
#wdx
necoze
2010-06-30 20:10:21
返信する
RTする
ふぁぼる
そういえばJSですごい綺麗に縦書を表現したサイトあったね。中国語だったけど。
#wdx
wdeast
2010-06-30 20:10:22
返信する
RTする
ふぁぼる
言葉のデザイン、のイベントの案内も。
#wdx
teruichi81
2010-06-30 20:10:44
返信する
RTする
ふぁぼる
woff形式以外はダウンロードしたらパソコンでも使えてしまう、opentype形式Webフォントとして使えない
#wdx
necoze
2010-06-30 20:12:07
返信する
RTする
ふぁぼる
http://kotobanodesign.com/
wdeast
2010-06-30 20:12:24
返信する
RTする
ふぁぼる
フォント形式の変換ツールはまだまだ使いにくいがそのようなつかいやすいツールは出る?→動きはない、MS社のツールはバグだらけ、リチャードシンクス?という方が幾つかツールを提供してる
#wdx
necoze
2010-06-30 20:14:13
返信する
RTする
ふぁぼる
※最後質問よく聞き取れませんでした…
#wdx
necoze
2010-06-30 20:16:49
返信する
RTする
ふぁぼる
ダウンフォールしてでも文字情報を表示させることがWebらしいのだが、文字にこだわれるようになればなるほどデザインのギャップが生じるのぉ
#wde
wdeast
2010-06-30 20:18:18
返信する
RTする
ふぁぼる
フォントサービスが突然サービスをやめてしまったら?→デフォルトフォントで一応表示はされる
#wdx
necoze
2010-06-30 20:19:13
返信する
RTする
ふぁぼる
※質問が難しいというか高度なのでいろいる追いつきません…
#wdx
necoze
2010-06-30 20:20:11
返信する
RTする
ふぁぼる
おしまい。ありがとうございましたー!
#wdx
necoze
2010-06-30 20:22:54
返信する
RTする
ふぁぼる
今日のスライドはアンケートに答えたら教えてもらえるらしい。後々動画と共にスライド公開されるそうですよ。
#wdx
emim
2010-06-30 20:23:10
返信する
RTする
ふぁぼる
いろいろな意味で Web は自由過ぎるから、アプリだったり電子書籍のようなパッケージングされた世界に魅力を感じるデザイナーがいるのかもね
#wde
wdeast
2010-06-30 20:24:21
返信する
RTする
ふぁぼる
以上でした。ありがとうございます!!
#wdx
emim
2010-06-30 20:25:24
返信する
RTする
ふぁぼる
質問を含め充実したセッションでした。ありがとうございました。
#wde
wdeast
2010-06-30 20:25:47
返信する
RTする
ふぁぼる
おわた!
chachaki
2010-06-30 20:30:34
返信する
RTする
ふぁぼる
アンケートにソフトウェア技術者がなくて圧倒的なアウェイを感じた!(ぇ
chachaki
2010-06-30 20:33:05
返信する
RTする
ふぁぼる
WDE ex -Vol10「Webフォントの未来」。フォント奥深い。後でチェック。 RT
@necoze
: 2010年のWDEはHTML5,mobile,CSS3,ソーシャルマーケティングなどがーテーマ。11/13-16の4日間
#wdx
31go
2010-06-30 20:40:27
返信する
RTする
ふぁぼる
#wdx
でいいのかな?本日、"WDE ex -Vol10 『Webフォントの未来』"に参加してました。
TAKAPPRS
2010-06-30 22:07:15
返信する
RTする
ふぁぼる
本日は、wde-ex にご来場をいただきまして有り難う御座いました。8月の『電子書籍』もお願いいたします。
wdeast
2010-07-01 00:26:31
返信する
RTする
ふぁぼる
「WDE ex -Vol10 『Webフォントの未来』 - ハッシュタグ "
#wdx
" まとめ」をトゥギャりました。
http://togetter.com/li/32685
bitgleams
2010-07-01 00:54:19
返信する
RTする
ふぁぼる
[IT]
#WDE
(
@wdeast
) at Apple Store Ginza, 楽しかったー。 デザインではなく機能の観点で、フォント問題はIT系だと常日頃なので、標準化されていないと外字対応とかで非常にめんどくさい。これが改善された後のWebアプリの展望、わくわく。
#wdx
naojump
2010-07-01 09:05:43
返信する
RTする
ふぁぼる
[IT] unicode-range で jis第一水準あたりだけ別フォントを当てるとき、そのマッピングを記したcssのサイズってどうなっちゃうんだろ。 "U+nnnn, ".length * 2965 = 23270KB. あー、大したことないですね。OK。
#wde
#wdx
naojump
2010-07-01 09:12:29
返信する
RTする
ふぁぼる
[IT] 23270B でした。単位まちがえた… QT
@naojump
: unicode-range で jis第一水準あたりだけ別フォント、cssのサイズ "U+nnnn, ".length * 2965 = 23270KB. 大したことないですね。OK。
#wde
#wdx
naojump
2010-07-01 15:01:57
返信する
RTする
ふぁぼる
昨日のWDE ex のJohn Daggett さんのスライド(PDFダウンロードページ):
http://bit.ly/dC5pzP
#wdx
bitgleams
2010-07-01 15:56:35
返信する
RTする
ふぁぼる
iPhoneでもWeb Fontが使えるというのをやっと試せた。こちらにiPhone、iPadでアクセス。SVGフォントが何故か全角が含まれてなくて残念クオリティですが勘弁!!Ubuntu、Ubutntu
http://bit.ly/c1fe49
#wdx
nakamura001
2010-07-03 01:52:33
返信する
RTする
ふぁぼる
「ジョン・ダゲットさんのblogのURLがblog.mozilla.com/nattokirai な件。」をトゥギャりました。
http://togetter.com/li/33089
miccweb
2010-07-03 08:04:24
関連するオススメまとめ
情弱には読めないまとめ
CSS Nite LP, Disk 9.2(reprise)まとめ - ハッシュタグ " #cssnitelp92 "
FFlighter
WDE ex -vol9 「タイポグラフィーの大切さ」- ハッシュタグ " #wdx " まとめ(5/19 - 20)
powered by Preferred Infrastructure
チェックアイテム
お勧めアイテム
や
ネタ商品
を追加してまとめをもっと面白くしよう!
今すぐ追加?
コメント
【補足】今回はTwitterの検索結果(API?)の調子が悪く、検索にかからなかったツイートもあるようなので、私(作成者)の方で個別にピックアップする等の対処をとっております。また、今回は「誰でも編集」可能にしてあります。書いたのに掲載されていないツイートがあった場合、または削除してほしい場合は、編集していただくようお願い致します。
bitgleams
2010-07-01 12:56:05
John Daggett さんのスライドのリンクを、このページの上部の概要欄に追加しました。
bitgleams
2010-07-01 16:05:10
編集の履歴
2010-07-03 11:12:47
bitgleams
さんが更新しました。
2010-07-01 11:57:24
bitgleams
さんが更新しました。
2010-07-01 02:10:51
bitgleams
さんが更新しました。
2010-07-01 01:24:26
bitgleams
さんが更新しました。
2010-07-01 00:54:19
bitgleams
さんが作成しました。
ブログパーツ
幅・高さの指定を変えることでサイズを変更できます。
またsrcの中の「bc=***」で背景色を変更できます。
プロフィール
bitgleams
twitter
rss
その他のまとめ
WDE-ex Vol13『書籍と出版の未来 』ツイートまとめ(2010年8月26日開催)
WDE-ex Vol12『電子書籍の未来 』 ツイートまとめ (2010年8月11日開催)
SwapSkills 2010(vol.6)「HTML5を学ぶなら、セマンティックを学べ!」ツイートまとめ。(2010年7月31日開催)
『ケータイサイト解体新書』刊行記念トークイベント
WDE-ex Vol11『iPad のウェブデザイン:私たちがみつけたこと 』 ツイートまとめ
カスタム検索
@togetter_jpをフォロー
注目のまとめリスト
24時間テレビの件から始まったテレビに関するちょっとした議論
村上隆批判と村上隆自身および東浩紀による反論など
弟が24時間テレビのボランティアに行ったら激怒して帰ってきた話【9/1追記】
ARIAのリアリティと嘘くさい街
立ち読みって何が悪いの?
東浩紀とカンニング問題
最近追加された商品
Gift for Fanks(DVD付)
プレリアップスカルプシャンプー 220ml
落武者カツラ
プレリアップヘアコンディショナー 220g
第九 21連発!!!
角刈りかつら
最近ログインしたユーザ
コメント
2010-07-01 12:56:05
2010-07-01 16:05:10