各ブラウザのレンダリングにほとんど差がなくなり、ベンダプレフィックスも必要なくなり、游ゴシックがWindowsでも採用され、Macとのフォントの違いに悩まされることもないと思いきや、Windows版Chromeの游ゴシックの問題がWebデザイナーを苦しめています。Webフォントを使うというのも選択肢なのですが...

最初の図は、游ゴシック Mediumを適用させたChromeバージョン: 64。

二番目の図は、游ゴシック Mediumが適用されず、游ゴシックで表示されたChromeのキャプチャ画像です。

一目瞭然。

現状のスタイルシート

@font-faceを使って、游ゴシックの細字やかすれに対処した場合、Windows版Chromeでバージョンが変わるごとに仕様の変更があり、必ずしも思い通りの結果にならないことから、結論から言うと、https://www.shikidahironori.jpのほうは次のコード

html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
}

参考リンク

• Windowsの游ゴシックをfont-weightを使わずにMacに合わせる方法

https://www.shikidahironori.jp/music/のほうは、次のコードで対応して様子を見ています。

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
}

参考リンク

• 2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝）

フォントについての解説

フォント名	環境
-apple-system	Mac用の英字フォント(Safari)
BlinkMacSystemFont	Mac用の英字フォント(ChromeとOpera)
Helvetica Neue	Mac用の英字フォント(上記以外)
游ゴシック体(YuGothic)	Mac用の日本語フォント
游ゴシック Medium(Yu Gothic Medium)	Windows用の日本語フォント
Hiragino Kaku Gothic ProN	Mac・iOS用の日本語フォント
Verdana	Windowsで游ゴシックがない環境用の英字フォント
Meiryo	Windowsで游ゴシックがない環境用の日本語フォント
sans-serif	総称