青空文庫のtxtにCSSを追加して縦書き

縦書きで

CSSで超読みやすくした。

    

縦書きCSSコピペ用

<style>
    /* 縦書きCSS */
    body{
          -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
              padding: 30px;
    }
    h1 {
          font-size: 30px;
            margin-left: 20px;
    }

        /* どの環境でも強制的に明朝体にする */                                           

        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

        font-weight: bold;

    }   

    p {
          line-height: 1.7;
            margin-left: 20px;
    }
</style>

www.aozora.gr.jp

www.webcreatorbox.com

wget

nkf

縦書きCSSを <style>タグの中に書いて

41行目には <h2>入れて、末尾も</h2>で閉じて、字を大きく。

スマホでも超快適。

Xiaomi Mi Max3 最高。画面デカイ。超安いのにこんな高性能。

suzusime-log.hatenablog.jp