Mac/iPhone/iPad今日1日ずっとフォントについて調べていた。色々な人のブログを見ていると、この人のフォントのバランスいいなぁと思うことがある。そんな中で、font-familyの指定を以下としている人がいた。BlinkMacSystemFont,.....;当ブログは今までずっと游ゴシックを使ってきた。WindowsでもMacでもそれなりに表示されるため、概ね統一したデザインとすることができる。ここに至るまで随分と調べ物をしたのだけど、”-apple-system”なんていうフォントは聞いたことが無い。気になったので調べてみた。Franciscoは2015年に発表されたAppleの純正フォントである。watchOS...etc.上で表示させるためのフォント。Watch用?)にも対応するため、改良したものらしい。Franciscoと指定しても対応していない。ここで出てくるのが冒頭で紹介したコード。ChromeやOpera系に対応している。Franciscoフォントが適用される。実際に当ブログに適用した場合にどうなるかを試してみよう。FranciscoはさすがAppleさんがシステムフォントに適用するだけあって美しい。游ゴシックも悪くないんだけど。大きく違うのは日本語の文字の大きさだ。英文字は大きさがほぼ同じ。Franciscoの方が小さく見える。同じフォントサイズ指定でも、だ。Franciscoでは日本語フォントが若干小さく表示されるらしい。僕のブログの関連記事で使うフォントサイズは12px((2-1)と(2-2)のキャプチャ参照)。これがさらに小さくなると結構見にくさを覚える。Xでも作動確認してみたけど、スマートフォンで見るほうが小ささが目立った。大きくしてあげないと読み手にとって厳しいと感じる。Franciscoを適用するなら、フォントサイズを全て調整し直す必要がある。ところが、これは思いのほか大変だ。游ゴシックケースと同じだから。どのブラウザでも大幅にデザインやユーザビリティを変えないように配慮したい。Franciscoを適用するとそうはいかない。いつかまたフォントを戻したいと思ったときに、またフォントサイズを再調整しなければならない。これもまた結構ややこしい。いつか検討するかもしれない。フォントの世界は奥が深い。今日は色々と勉強になりました。無料のブログテーマはすごい。利用にあたっては感謝の心を忘れないようにしたい。2年続けたブログの現在地。継続できた3つの理由。Appleのフィロソフィを学ぶならこの本を読むべし。生活や家族に関することApple製品の魅力を語ります資産運用やお金について学んだこと音楽やアコースティックギターについて旅行の記録を写真とともに。考えたこと、考え方についてYo30代エンジニア。日々の生活や読書、仕事や海外での経験から学んだことをまとめるブログ。好きなものはApple製品、コーヒー、革製品、デニム。More.な生活に憧れる。