前略、yama さん

私はCocoonではやったことがないですが、CSSでフォントファミリーを指定すればできそうな気がします。

font-familyの書き方まとめ：CSSでフォント種類を指定しよう

@leafytree

リフィトリー様
ありがとうございます。
「英語フォント」→「日本語フォント」の順で並べることでうまくできることがわかりました。
ただ、今回は上記のように、「Cocoon設定」→「全体」→「サイトフォント」のところでフォントを選択したい、つまりWEBフォントを使うことを考えています。
CSSに書くとなると、媒体に依存してしまうため、記述したフォントが媒体によっては表示されないことがあるためです。

@yama さん

Cocoonの全体タブの設定で使えるWebフォントのCSSのコードは以下のようになっているみたいなので・・

.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp {
font-family: "Noto Sans JP" ,sans-serif;
}

.ff-noto-serif-jp,
.wf-active .ff-noto-serif-jp {
font-family: "Noto Serif JP" ,sans-serif;
}

.ff-mplus-1p,
.wf-active .ff-mplus-1p {
font-family: "M PLUS 1p" ,sans-serif;
}

.ff-rounded-mplus-1c,
.wf-active .ff-rounded-mplus-1c {
font-family: "M PLUS Rounded 1c" ,sans-serif;
}

.ff-kosugi,
.wf-active .ff-kosugi {
font-family: "Kosugi" ,sans-serif;
}

.ff-kosugi-maru,
.wf-active .ff-kosugi-maru {
font-family: "Kosugi Maru" ,sans-serif;
}

.ff-sawarabi-gothic,
.wf-active .ff-sawarabi-gothic {
font-family: "Sawarabi Gothic" ,sans-serif;
}

.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho {
font-family: "Sawarabi Mincho" ,sans-serif;
}

試しに、全体タブの「サイトフォント」を「Noto Sans JP(Webフォント)」にして「変更をまとめて保存」で確定し、子テーマのCSSに以下のように追記したら、それっぽい表示になりました。

.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp {
font-family: Century ,"Noto Sans JP" ,sans-serif;
}

全体タブで「サイトフォント」を「Mplus-1p（Webフォント）」に切り替えて、以下のようにCSSで指定してみると、それっぽい表示になりました。

.ff-mplus-1p,
.wf-active .ff-mplus-1p {
font-family: Century , "M PLUS 1p" ,sans-serif;
}

簡単に、ちょっとだけ試してみただけですので、あまり詳しく調べていません。

他の６つのWebフォントも試していません。

@leafytree

リフィトリー様
できましたー。
全体タブの「サイトフォント」を「Kosugi Maru」にして、追加CSSのところに以下を記述しました。

.ff-kosugi-maru,
.wf-active .ff-kosugi-maru {
font-family: Century, "Kosugi Maru" ,sans-serif;
}

ずっと調べていたのですが、ちょっと難しいかなと思っていました。
やり方を教えていただき、大変ありがとうございました。
感謝です！！！