mandel59 https://blog.hatena.ne.jp/mandel59/ Ryusei’s Notes (a.k.a. M59のブログ) https://mandel59.hateblo.jp/ 技術 書体 巷ではHTML5だのなんだの騒いでいるが、縦組に関してはInternet Explorerにさえ及ばない。WebKitはSVGだと一応縦組できるけど不完全だし、FirefoxはSVGでも縦組を実装してないよね。 でもこのままHTMLで縦組できないというのは悲しい。そこで、改造フォントを作って表示させてみた。 やっていることは簡単で、TakaoMinchoフォントを改造して文字をあらかじめ縦組のものに差し替え、90度回転させておく。そのまま表示すると横倒しの文章になってしまうけど、CSS3のtransformを使って回転させれば問題ない。 この改造フォントをWebFontとしてやれば、Firef… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmandel59.hateblo.jp%2Fentry%2F20100521%2F1274426208" title="改造フォントとCSSで縦組にする - Ryusei’s Notes (a.k.a. M59のブログ)" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mandel59/20100521/20100521155725_m.gif Hatena Blog https://hatena.blog 2010-05-21 16:16:48 rich https://mandel59.hateblo.jp/entry/20100521/1274426208 1.0 100%