カスタマイズ バリアブルフォントのサンプルとカスタマイズ例をご紹介します
バリアブルフォントのカスタマイズ例として単に太さを変えるだけでなく、テキストの縁取りや版ズレ風のコードも紹介しています。grayishのCSSプラグインをver1.0.9にアップデートすることで、自分でCSSを書かずに追加CSSクラスを使用可能です。
フォントの指定
記事内に広告が含まれています。
カスタマイズ 
マニュアル サイトフォントの設定（※24/03/26 Macでの游ゴシック体表示について追記）
grayishでは、Noto Sans JP (Webフォント)をおすすめしていますが、表示速度の面でデバイスフォントをお好みの方が多い印象を持っています。Cocoonのフォントの選択肢は豊富にあるのですが、利用者が多そうなデバイスフォント（游ゴシック体, ヒラギノ角ゴとヒラギノ角ゴ, メイリオ（Cocoonインストール後の初期設定））について重点的に表示確認を行っています。Cocoon ver2.7.2からMacについても游ゴシック体が適用されるようになりましたが、デバイスやブラウザによって表示されないケースがあります。この点について注意書きを追記しました。
マニュアル サイトタイトルと英字フォント選択
スキンの初期設定として、まずサイトタイトルを決定します。サイトタイトルはロゴ代わりになるだけでなくSEO的にもtitleタグに設定される重要なキーワードとなります。サイトタイトルに使用する英字フォントは、スキン独自チョイスのGoogleFontからお好みで選択可能です。ここで選んだ英字フォントは、サイトタイトルの他にグローバルメニューや見出し部分にも反映されます。