untitled
Yasutaka Sato – Mac, Web, Design, Photo, Music, Code, Sex, Love & Pain.
ちょっと面白いの発見したのでメモ。
Google Chromeでcssにtext-shadowを使うとフォントがアウトライン表示される。text-shadow:0 0;なんかでよくて、別に影を表示しなくてもいい。bodyに使ったりするとページ全体に効くね。MS Pゴシックも滑らかに!でもChrome限定。

サブピクセルレンダリングが効かないようでボケたような感じだけど、大きめのフォントサイズで使えばいいかも!というか、通常の12~16px程度のフォントサイズだとレンダリングがイマイチ。Arialがものスゴく胡散臭くなる。
まぁChrome限定…。
追記:
検証したChromeのバージョンは2.0.169.1。
cssでHelvetica Neue Lightを使うときのメモと、いろいろやってて気付いたこと。
まぁまず使う時の書き方。
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
これ以外の書き方だとうまくいかなかった。font-familyの”Helvetica Neue”を取るとFirefoxだとダメで、”Helvetica Neue Light”を取るとOperaがダメ。font-weight:lighter;だとSafariでの表示がLightにならなかった。
と、各ブラウザで動作がバラバラになってて、結局上の書き方でなんとかうまくいった。でも、上の書き方でHelvetica Neue UltraLightを使おうとするとFirefoxだけダメだった(font weightは100ね)。これはFirefoxのバグなのかなぁ…。
気付いたこと(間違ってたら叱ってください)
というような感じ。検証ブラウザのバージョンが全部Beta版(Firefox3.1b2, Safari4Beta, Opera10a)なんであてにならないかも。
なんか気がついたら2月になってて、オレそんなの知らないっていうか、まだ気持ち的には1月半ば過ぎって感じなんだけど、まぁ実際2月になっちゃってるわけで、置いて行かれちゃったような気になって焦ってるんだけど、振り返ったって何も変わんないから、とりあえず今年は新フォントを作るって決めた。
1