Google Fontsを使用する際に、Noto Serifなどの斜体(Italic)フォントを適用したら、iPhoneのSafariでは斜体にならないことが確認されました。
★解決策:
cssに下記記述を追加すれば、解決できるはずです。
font-style: italic;
日々開発中にわかったことをメモしておきます
Google Fontsを使用する際に、Noto Serifなどの斜体(Italic)フォントを適用したら、iPhoneのSafariでは斜体にならないことが確認されました。
★解決策:
cssに下記記述を追加すれば、解決できるはずです。
font-style: italic;
スマートフォン(iPhone)サイト作成時、
普通のPCサイトと同じように、「overflow: auto;」で指定すればブロック要素をスクロールさせることができますが、
慣性スクロール(ゆっくり止まるような動き)を実装するには、
「-webkit-overflow-scrolling: touch;」の指定が必要です。
つまり、
div.scroll { overflow: auto; -webkit-overflow-scrolling: touch; }
↑↑のような感じです。
(widthやheightなどを別途正しく指定する必要があります。)
※OSやブラウザーの対応情報は調べていませんが、バージョンの低くないiPhoneやAndroidでは動くでしょう。