なぜTumblrではAAがずれるのか

(2008/10/29追記:いろいろ間違ってるのであとで訂正。続き→ なぜTumblrではAAがずれるのかの続き - saitamanodoruji
ズバリ回答を示すわけでもなく、AAを綺麗に表示する方法がわかるわけでもない残念エントリ。素人がなんとか手がかりをつかもうとした経緯。

ズレたAAの例



Tumblrのキャプチャ(元ページ)。2chのAAのキャプチャをPhotoモードで投稿して、Captionにはhtmlソースを貼り付けた。Caption部分のフォントをcustom CSSMS Pゴシックに指定してるんだけど反映されてない。

原因

なぜなのか気になってソースをテキストエディタにコピペしていじっていると、html要素に付いている属性を消せばフォント指定が効くことを発見。Tumblrのdefaultでは下のようになってる。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

W3C勧告を見ると、これはXHTMLのnamespaceを宣言しているらしい*1んだけど、XHTMLについては全く知らないのでこの先はもっと時間がかかりそう。(2008/12/23追記:見当はずれの指摘なので削除。XHTMLは関係ない。ページの言語指定が lang="en" でもフォントの指定はできる。ずれの原因はTumblr側が行う文字置換。次のエントリの後半に詳しく書いた。)