気まぐれSE日記

地方でエンジニアしてます

メイリオフォントで斜体が...

表示できないというのは昔から知られている問題(仕様)ですが

Chrome+TamperMonkeyで無理やり斜体表示できるようなスクリプトを作ってみました。
ただ、どこからか引っ張ってきたスクリプト改変しただけですのでもっと良い方法はあると思います。

// スタイルシート置換
textNodes = document.evaluate( 
    "//text()", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); 
var searchRE = new RegExp('font-style.*:.*(italic|oblique);','gi'); 
var replace = 'display: block;-webkit-transform: skewX(-15deg);'; 
for (var i=0;i<textNodes.snapshotLength;i++) {
    var node = textNodes.snapshotItem(i); 
    node.data = node.data.replace(searchRE, replace);
};

修正しました。

斜体テスト

斜体テスト
はてなだと効かないみたいで...なんでだろ
spanタグには効かないということのようです。