YUI fonts

ブラウザ、OS間のフォント差異をなくすCSSを使ってみた。Yahoo! UI Library (YUI)から利用可能。

head内にリンクさせるか、ダウンロードしてもよい。外部にファイルを置けないこういうブログだとリンクさせるほうがラクかな（CSSに直に書いてもいいけど）。ただし、その場合既存のCSSより前に記述すること。別のCSSでフォントや書体を変えたいときは、bodyではなく、id、class内で指定。

前バージョンではOperaでズレがあったようですが、最新版では修正されています。px相当の%は表参照。

選択範囲の背景色を変える

CSSのコネタなども書いてみたり。
テキストをドラッグ（選択）するとデフォルトでは青色の背景に白文字になりますが、その色を変える方法。

/* Firefox only */
::-moz-selection { background-color: #DD2964; color: #FFFFFF; }
/* Safari only */
::selection { background-color: #DD2964; color: #FFFFFF; }

ただしFxとSafariの独自拡張なので、IEには対応してません。下の記述でピンクになります。

Recent Entries

^ Page Top