特にMac使い、Win用にfont-family: Meiryo, "メイリオ"を指定するな。今は游ゴシックがあるのだから余計な事をしないでくれ。游ゴシックも”Medium”無しでは細すぎるのでとにかく気安く指定するんじゃない。
と唸りながらStylusでメイリオサイトにfont-family: "Hiragino Kaku Gothic Pro" !important;を設定する事に疲れ、@font-faceで全てのメイリオをヒラギノ角ゴにしてやろうと思った。
CSS適用
@font-face {
font-family: "メイリオ";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}
@font-face {
font-family: "Meiryo";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}
@font-face {
font-family: "ＭＳ Ｐゴシック";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}
@font-face {
font-family: "MS P Gothic";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}それぞれsrcは任意の一行に絞る。
ついでにMS Pゴシックも入れた(価格.com等で指定されている)。