【縦書き】h2vR.js、バージョン4.2.1を公開しています。

PC版へ 2015年08月04日

ブラウザで縦書き表示を可能にするJavaScript・h2vR.jsをアップデートしました。

→ h2vR.js ver 4.2.1 ダウンロード

今回の変更は以下のとおり。

Windows 10 および Microsoft Edgeブラウザに対応。
スタイル text-indent を適切に処理するように改修。
スタイル text-align:justify が指定された場合の描画を改善。
リストアイテムの描画を改善。
縦書きエリア内の要素について、スタイル・display プロパティ（ブロック要素なのかインライン要素なのか）の判定方法を変更。
その他、不具合の解消。

目立つ不具合はあらかた潰していますが、お気づきの点があればご連絡を。

上記 1. 関連ですが、Windows 10 では新たに『游ゴシック』『游明朝』というフォントが標準でインストールされます。

Windows 10 からページを閲覧した場合に、縦書き領域をこれらのフォントで表示したい場合は、スタイルシート・h2vR.css の最後の方に、以下のように赤字部分を追加してみてください。

【 h2vR.css：変更後】

.h2vr_mincho{
font-family:'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','ＭＳ明朝','MS Mincho','SimSun','HiraMinProN-W3','STHeitiJ-Medium','TakaoEx明朝','TakaoExMincho','MotoyaLCedar','Droid Sans Japanese','Droid Sans Fallback',monospace !important;
}

*[class*="h2vr_"]{
font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','游ゴシック','メイリオ','Meiryo','ＭＳゴシック','MS Gothic','SimHei','HiraKakuProN-W3','STHeitiJ-Medium','TakaoExゴシック','TakaoExGothic','MotoyaLCedar','Droid Sans Japanese','Droid Sans Fallback',monospace;
}