最近、
vitepress
のテーマを研究しており、ブログをhugo
からvitepress
に変更する準備をしています(vitepress
のコードブロックがhugo
よりも見栄えが良いため)。
テーマを書いていると、追加したカスタムフォント設定の font-weight
が効かないことに気づきましたが、hugo
では機能していました。
最終的には、F12
を使って 1 つずつスタイルを試してみる中で、vitepress
の body に次のスタイルが付いていることがわかりました:
text-rendering: optimizeLegibility;
direction: ltr;
font-synthesis: style;
-webkit-font-smoothing: antialiased;
問題は font-synthesis: style;
にあるため、weight
に変更すると解決します。