みかづきブログ・カスタム

基本的にはちょちょいのほいです。

iOSとAndroidでシステムフォントのfont-weight:600の扱いが違う ✏️

f:id:kimizuka:20200930230539p:plain

偶然気づきました。
iOSとAndeoirdでfont-familyを指定せずにfont-weightを指定すると、差異が出てくることに。

font-weightがnormalとboldの2択なところは一緒なのですが、iOSはfont-weight:600からがbold、Androidはfont-weight:700からがboldとなっています。
上の図は右がiOS14.0.1のiPhone SE(初代)、左がAndroid11のPixel 3aで、 https://develop.kimizuka.org/font-weight/ をみた際のスクショです。

develop.kimizuka.org



ちなみに、フォントを指定すればまた異なった結果になりますし、Googleフォントなどのウェブフォントを入れれば、その差異は吸収できます。

f:id:kimizuka:20200930230958p:plain