フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
androidで閲覧した場合、フォントファミリーがsans serif に上書きされるのは仕様でしょうか? < SWELLに関する質問
お世話になっております。
--------------------------
wordpress本体: 5.7
swell バージョン: 2.3.5.1
wordpressのインストール+swellのインストール 共に現在の最新版に更新 直後の初期状態でプラグインは何もない状態で検証
---------------------------
カスタマイザーからフォントを選択できますが、andoroidで閲覧した場合、どの設定にしていても
body {
font-weight: 400;
font-family: sans-serif
}
というテーマによるcssが出力されており、フォントファミリーが上書きされることによって、設定が反映されません。
こちらは仕様通りの挙動でしょうか?それとも、他に何か設定をしないといけないでしょうか?
※游ゴシックとヒラギノに関しては仕様通りかと思います。
※noto sans とNoto Serif JPはwebフォントのため上書きされることに違和感。
https://swell-theme.com/basic-setting/3114/
ちなみに、こちらのページに記載の通りの挙動ではないです。
ご確認よろしくお願いいたします。
すみません、不具合っぽいですね、後ほど調べておきます!
ご確認・ご対応ありがとうございます。
コードの方確認させていただいて気付いたのですが
// Androidでは Noto-serif 以外はデフォルトフォントに指定。(游ゴシックでの太字バグがある & 6.0からデフォルトフォントが Noto-sans に。)
とコメントされてるので、androidでの仕様としては
ヒラギノを選択 → 非搭載&フリーのWEBフォントもないので、デバイスのフォント設定に従う
游ゴシックを選択 → 使用可能ではあるが、ウェイトがバグの為見た目がよくないので、デバイスのフォント設定に従う
noto sans jp → 6.0からデフォルトフォントが Noto-sans だからテーマ側は何もせず、デバイスのフォント設定に従う
noto serif jp → webフォントを読み込む
っていうのが想定されている動きという事ですね。
実はandroidスマホメーカーや機種によってデフォルトのフォントが違う+ユーザー設定で変更されると予測不可能という状態で、noto sansに指定してればwebフォントが読み込まれてフォントが統一されるものと思っておりました。
androidデバイスのフォント設定を無視してでも、フォントを変えさせたいときは、
フォント設定をヒラギノか游ゴシックにして、自分でwebフォント読み込ませてcssでfont-familyを上書きする
というのがベストアンサーっぽいですかね?
そうですね、そのような想定です。モバイルからのアクセスであればできるだけWebフォントの読み込みはしたくないなということで、Noto Sansはデフォルトを使用するようにしています。
.
実はandroidスマホメーカーや機種によってデフォルトのフォントが違う
ということですが、これって結構ばらつきあるんですかね?
ユーザー設定で変更される
これについては承知しているのですが、そのユーザーさんが「このフォントがいい」と思って設定しているものを、テーマ側で強制していいものかというのは正直悩みどころでして...。
でもたしかに、Noto Sansも普通にWebフォントで読み込んだ方が無難ですかね 🤔
ご返信ありがとうございます。
今回の件は、「webフォントなんだからデバイスに関係なく読み込まれるものだろう」という思い込みがあったので、「バグかな?いや、もしかしたら意図的にそうしているのかも・・・?」というところが発端でして。
で、フォントの説明ページを確認したところ「デバイスに左右されずに同じフォントで見せたい場合は、こちらの設定をご利用ください。」という記載があり、この記載の意図でフォント設定を使ったのですが、そうはならない。
バグかな?と思い、ソースコードを確認したところ・・・という経緯でございます。
個人的には、無駄に読み込ませるシーンがある以上、読み込ませてしまうと不利益になる場合もありますし、このままでもいいんじゃないかな?と思います。「androidでもwebフォントを読み込む」みたいな選択肢が付くと、複雑になっちゃいますし・・・。
了さまの意図が見えるところに記載されていれば、問題なかったように思います。
カスタマイザーに「実際に出力されるfont-familyについて詳しくはこちら」のリンクを貼っていただいているので、そのページに、androidでは読み込まれないことと、その理由が書いてあればOKかと思います。