Sansの「Noto」は文字化け文字を意味する「豆腐文字」を撲滅しようと作られたフォントです。今回ご紹介する記事は、これを踏まえてご覧いただけると地味な根深さを感じていただけるとかと思います。当てると、SafariおよびiOSでページをみたとき、なぜか文章の先頭文字の表示がおかしくなることがありました。(2019年現在)条件をさがしたところ、とても狭い限定的な現象でしたデモページtext-align:justify;をtext-align:left;(またはright)にすると、この表示バグはなくなります。中央揃えをあきらめて、左(または右)揃えにするのです。中央揃えをあきらめられないときは、list-style:none;をulまたはol要素に指定します。この値をnoneにすると点や数字が消えてしまいます。backgorund-imageで背景画像を指定します。点や数字の画像を作る必要があるのです。消えた点を、画像ではなく疑似要素(::before)で再現してみようとしましたが、残念ながら表示バグが復活してしまい、無意味となりました。くえりは、出会ったバグひとつひとつをよく観察して付き合っていきます。font-style:italic;の斜体の傾き、縦書きではバラバラ2019年1月21日IEではSVGが表示されない!?原因説明&バグ解消アプリ作ってみた2014年4月1日パーマリンク設定で404。mod_rewriteが有効じゃないと発覚した時。