タグ

ブックマーク / qiita.com/RinoTsuka (2)

  • CSS3で縦書きにする方法と挙動 - Qiita

    div { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } 日語は縦(vertical)の右から左(Right to Left)なのでこのプロパティを用います。 IEは昔から独自仕様で縦書きが可能だったため、プレフィックス付きで変なプロパティがついています。 その他プロパティや対応ブラウザは下記サイトでご確認ください。 writing-mode - CSS | MDN Can I use ブラウザによる違い ブラウザにより挙動が異なるのですが、最大の違いはwriting-mode: vertical-rl;を指定したとき、Chrome、Safariは右詰め、Firefoxは左詰めで表示されてしまうことです。text-alignでの指定では右詰めになりません。t

    CSS3で縦書きにする方法と挙動 - Qiita
  • 2020年まで使えるfont-familyおすすめゴシック体 - Qiita

    新しい記事書きました。【font-familyについて気で考えてみた】 「Chromeでも読みやすい游ゴシックを指定する方法 」の記事で游ゴシックが一部ブラウザで掠れる問題を解決出来たので、font-familyのベストプラクティスを考えてみたいと思います。 当は「2016年font-familyの決定版」みたいなタイトルにしたかったのですが、執筆時は8月ですしね。2017年も名乗れません。 2020年と書いたのはWindows7のサポートが切れるのがこの年だからです。 目的はどの環境でも出来る限り近い見た目を目指すものではなく、実行環境で最も読みやすいものを目指すものです。MacよりもWindowsに比重をおいています。 -- 追記 -- Chrome58から一時対応しなくなってしまいましたが、游ゴシックをWindowsChromeでキレイに表示する@font-faceの設定にヒン

    2020年まで使えるfont-familyおすすめゴシック体 - Qiita
  • 1