明朝体のECサイトって海外の怪しいサイトのように見えてしまう問題。。
Show this thread
macOS CatalinaのChrome 77のフォント問題。 勘違いしている人が多いので説明。 Chromeのデフォルトだった「ヒラギノ角ゴシック ProN」がCatalinaで未バンドルになる ↓ 該当するフォントがなくなったため、Sans Serifが明朝体で表示される ↓ フォント指定の甘いサイトは全部明朝体に！pic.twitter.com/Cil92P8PGO
-
-
-
font-familyは結局どうすれば良いか ①sans-serifだけ →OS環境変化のトラブルに巻き込まれる危険あり ②ウェブフォント →サイトが重たくなって良いならどうぞ ③ヒラギノとかメイリオとか-apple-systemとかいろいろ指定 →無難で現実解。ただ放置はダメ。 2-3年に一度は再検討を。
Show this thread End of conversation
New conversation -
-
-
システムフォントを指定できない理由ってやっぱり「ユーザが変なフォントをシステムデフォルトにしてたらWebサイトが崩れてみえてしまう！！」的なところにあるんですか？？https://twitter.com/rdlabo/status/1181731274739699717 …
-
システムフォントを指定するのはフォールバックとして必要だと思いますが(-apple-system等はSan Franciscoの積極的なフォント指定ですが) ・OS環境変化での意図しない崩れ ・ブラウザのsans-serifに割り当てのフォントは数年遅れ といった課題があるので、個別指定は必要かなという意見です。 続く）
-
続き） ユーザーがOSやブラウザのフォント指定をカスタマイズしていることは、私としては「どうぞ御勝手に」という立場ですが、「わざわざ劣化させて見るなよ」という思いです。 Xperiaのフォントとか･･･。https://twitter.com/clockmaker/status/859216978401140738 …
-
それは同感です。フォント指定をユーザ側がして快適になることはまずないので（あまりに古いOSは除く） 現実的な路線としては、今までのフォント指定に、フォールバックの追加をもっと行うあたりですかね。
End of conversation
New conversation -
-
-
「font-family: sans-serif; が正義」と主張していた方はここ最近のフォント問題（iOS 13のフォント激太り問題、Catalinaの明朝化問題）にどう対応しているのかしら？ sans-serifはシステムの決定を受け入れるという選択だから、この問題も許容なのでしょうね。
-
sans-serif指定なのにセリフ体が表示されるのはブラウザのバグな気がしたのですが、CatalinaのSafari他でも同じなのでしょうか？ もし確認できたら見ていただきたいです。
-
macOS CatalinaのSafariでもチェックしてみました。 Safari 13ではゴシック体となり、Chrome 77は明朝体（ヒラギノ明朝 ProN）となりました。 Chrome Canaryでも同じでしたがブラウザのバグとして近い将来修正されるだろうと期待しています！pic.twitter.com/VHKZcWJvte
-
ありがとうございます！ Chromeはフォント表示がいつもやんちゃですねぇ。こうなると、font-familyを何に指定しているかに関わらず、OSやブラウザエンジンなどの大型アップデートの際は基本的に全部確認せねばですね。
End of conversation
New conversation -
-
-
かんたんに対応方法をnoteにまとめようと思うのですが、問題がよくまとまってるこちらのツイートを引用させてくださいませー！！
-
あざます！ ぜひどうぞ！ うちも記事を書こうと考えていましたw
-
書きましたー。もしICSさんでも記事書かれるのでしたらリンクはらせてくださいー（そしてもし間違いがあれば指摘ください）。https://note.mu/rdlabo/n/nd34f8fbc8275 …
End of conversation
New conversation -
- This Tweet is unavailable
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.