font-familyについて本気で考えてみた - Qiita

今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y

[tikusieg]

最近は思考を放棄して全部GoogleFontsからNoto Sans JPを全部に適用してる

[Error401]

雑に游ゴシックを使ってるサイトは、ほんと滅んで欲しい

[cheesesouffle]

-apple-systemとBlinkMacSystemFontは将来サポートされなくなるだろうから、避けたほうがよいかも。

[revolverjunkey]

游ゴシックを@font-faceで調整するやり方はChrome62以降効かなくなってるのでNG。https://wemo.tech/1155

[asiamoth]

`font-family: sans-serif;` で全てのデバイスが良くなるまで（そんな未来はある？）は、もう いっそのことfont-familyを指定しないほうが良かったりして。

[JohnP]

いや雑にNotoを適用するのは、通信環境遅い時に表示されないか、やめてくれ...

[tmatsuu]

memo

[kijtra]

毎回迷ってるの？ sans-serif だけでよくない…？

[xll]

皆から愛されるデザインは、プロが本気で考えても難しいということがよく分かる。

[hirorock]

あとで試す

[fa11enprince]

“sans-serif”

[ustam]

ミルクボーイの最中ネタみたいな話かと思った。

[arapro]

ブコメ雑感：-apple-systemとBlinkMacSystemFontは非推奨→San Francisco使うならやむなし？/游ゴ@font-face調整はChrome62以降無効→今Chrome79で試したらOKだった/Google FontsでNoto→イイネ/Noto重い→デスヨネ/游ゴシック嫌い→えー

[yoshi-na]

游ゴシックは早く滅んでほしい

[cl-gaku]

老眼MSゴシック好きすぎ問題

[oktnzm]

禿そう

[hate0211]

よくまとめたなー。

[mayumayu_nimolove]

うん、私も能登さんつこうてる

[TTT4]

ブコメのほうが役に立つ

[Helfard]

“全部読もうとしている人はスクロールバーを見てから考えてください” やさしい。まあ私ならこんなことはしないが。

[tasukuchan]

“family”

[maangie]

「IEは必要ない場合に囲むと、適用されないものもあります」ええ……。

[ttkazuma]

フォントは色々指定したくない

[ultimatebreak]

游ゴ嫌い

[RCHeLEyl]

どんどんCSSが長くなる……

[yarumato]

“日本語表記とアルファベット表記を併記は不要。　游ゴシックのフォント名、Windowとmacで微妙に違う。　BIZ UDゴシックはWindowsの日本語フォントでは可読性が高い。ただし他フォントより文字が大きい”

[fujihiro0]

游ゴシック嫌いな人もいるので、 san-serif と serif が一番。 https://www.excel-chunchun.com/entry/2019/02/18/010021

[hokkey]

知識を更新するのによさそうな記事