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

PC版へ 2015年08月04日

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

h2vR.js ver 4.2.1 ダウンロード

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

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

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

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

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

【 h2vR.css:変更後 】
.h2vr_mincho{
   font-family:'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','MS 明朝','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 ゴシック','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"
とすべきかと。