【縦書き】h2vR.js、バージョン4.2.1を公開しています。
ブラウザで縦書き表示を可能にするJavaScript・h2vR.jsをアップデートしました。
今回の変更は以下のとおり。
- 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;
}
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;
}
匿名
OS X Mavericks と Windows 8.1 でも表示できるように、
"游ゴシック","YuGothic"
"游明朝","YuMincho"
とすべきかと。