![]() |
Windows Internet Explorer 10 |
Microsoftは1月9日(米国時間)、IE10 PP4(プレビュー4)において、font-feature-settingsプロパティへの対応などフォント機能を強化したことをIEBlogで発表した。OpenTypeフォントで提供される多くの機能が利用できるようになっており、今後、Webフォントの普及を後押しする可能性がある。
どのようなWebブラウザで閲覧しても、フォントのレンダリングが同一になるようにするWebフォント技術や関連サービスがすでに登場している。PCだけではなく、タブレットデバイスやスマートフォンからも同一のレンダリングを実現するとなると、特にWebフォント技術が重要になってくる。
フォントデータサイズが小さい欧米フォントは、こうした技術の恩恵を受けやすく、Webフォントを活用しているメディアも存在する。しかし、より複雑なレンダリングを実施するにはまだ対応が弱く、Webフォントを全面的に採用するというのは難しい面もあった。
今回、IE10 PP4が最新のCSS Fonts Module Level 3ドラフトの内容を実装したことで、CSSからOpenTypeの機能をかなり部分で利用できるようになった。この結果、従来は指定できなかったOpenTypeの機能を利用して、より凝った表示が可能になっている。
「CSS Corner: Using the Whole Font」に掲載されているサンプルを、試しやすいようにまとめると次のようになる。
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>IE10 CSS3 OpenType font demo</title>
<style type="text/css">
p {
font-family: Gabriola, cursive;
font-size: 36pt;
-ms-font-feature-settings: "ss06" 1;
-moz-font-feature-setting: "kern=1";
}
</style>
</head>
<body>
<p>My Navi News - Enterprise</p>
</body>
</html>
ベンダのプレフィックスが付いているのは、仕様がドラフトの段階にあるためだ。このサンプルをIE10 PP4で閲覧すると、たしかにスタイリスティックセット6が使われていることを確認できる。
日本語フォントは、フォントデータサイズが比較的大きく、Webフォントとしての利用を欧米フォントと同列に検討することは難しいが、システムに標準でインストールされているフォントをより活用するための技術として今後利用が進む可能性もあるだろう。
| IE10はVML/DXF非サポート - SVG、CSS3を推奨 [2011/12/12] |
| IE10、型付き配列でバイナリデータを処理する方法 [2011/12/6] |
| IE10 Platform Preview 4登場 - レンダリング性能向上 [2011/12/2] |
| サポートすべきIEのバージョンが増え続ける懸念 [2011/9/30] |
| Windows 8 DP、Metroブラウジングは「プラグイン」排除 [2011/9/26] |
| タブレットデザインはデスクトップにも効果あり、IE10 PP3新提案 [2011/9/22] |
| IE10 PP3登場 - Windows 8開発版に同梱 [2011/9/16] |
| IE10からコンディショナルコメントを廃止 [2011/7/22] |
| Webページの"閲覧中"を通知するPage Visibility API--IE10/Chrome 13が対応 [2011/7/12] |
| IE10とIE9では挙動が違う!? - HTML5の不正マークアップ解釈が変更に [2011/7/8] |
| Subversion 1.8登場 [11:37 6/19] |
| Java SE 7 Update 25登場 - アップデート強く推奨 [11:36 6/19] |
| NVIDIAとスタンフォード大、世界最大の人工ニューラルネットワークを構築 [11:00 6/19] |
| 【レポート】どこでもサイエンス - 自然に帰らぬBBQの炭 [11:00 6/19] |
| NVIDIA、ARMプラットフォームをサポートしたCUDAを発表 [10:11 6/19] |
|
メルセデス・ベンツ、オリックス自動車とカーシェアリング事業で協業へ [12:25 6/19] ライフ |
|
Huawei、厚さ6.18mmのAndroidスマホ「HUAWEI Ascend P6」を発表 [12:10 6/19] 携帯 |
|
ユーザビリティ検証サービス「UIscope」、PCベースのユーザーテストに対応 [12:04 6/19] エンタープライズ |
|
【レポート】植田正治写真美術館で「芸術写真を撮ろう」- カシオのハイスピードEXILIMを使ったフォトスクールレポ [12:02 6/19] 家電 |
|
【ハウツー】クリエイターのためのWebテク講座 -タブUIを作ろう(1) [12:00 6/19] クリエイティブ |