サイト内検索
Cocoonフォーラム

書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年5月26日 10:32
現在Cocoon-grayishを使ってウェブサイトを構築しています。
ターゲットユーザーが台湾のユーザーなので、
デフォルトのフォントを繁体字中国語圏で使用されているものに指定する方法があるか教えてください。
例えば、ウェブサイトのフォントをMicrosoft JhengHeiに指定したい場合、どうすればいいでしょうか?
2025年5月26日 11:53
●回答
CSSの基本的な知識です。
以下のCSSで定義されており、[Cocoon設定]→[全体]→サイトフォントに応じ、CSSプロパティ変数--cocoon-default-fontに設定されます。
body { font-family:var(--cocoon-default-font); }
CSSを追加し、使いたいフォントをfont-familyを定義するだけす。
そのフォントがどこにあるかが問題です。
●ローカルにある独自フォントファイルを使いたい場合
GoogleなどのWeb上にない、ローカルのフォントファイルを追加したい場合、以下の手順で行います。
例えば子テーマフォルダーにfontを作成。
その中に独自のフォントファイル(ZenAntique-Regular.ttf)を入れる。
追加したフォントを@font-faceで定義し、bodyに対し、font-familyを定義すればよく。
@font-face { font-family: 'Zen Antique'; font-style: normal; font-weight: 400; src: url('font/ZenAntique-Regular.ttf') format('truetype'); } body { font-family: 'Zen Antique', sans-serif; }
2025年5月26日 19:03
ご要望いただきありがとうございます。
Cocoon設定の「サイトフォント」に追加の要望でしょうか。
韓国語はこんな感じで追加していますので、繁体中文もそのように追加できます。
https://github.com/xserver-inc/cocoon/blob/77007df7d99445b51d69693b02c6b240979d5bd2/lib/page-settings/all-forms.php#L73-L76
そうである場合は、一応念のためGoogleフォントページのURLの提示もお願い致します。
この投稿は6時間前ずつわいひらに変更されました
トピックスターター 2025年5月27日 14:22
皆様のご親切な回答をありがとうございます。
おっしゃる通り、サイトフォントの追加を希望しています。
参考までに以下の情報をお伝えします:
- 台湾(繁体字中国語)圏でよく使用されるサイトフォント:font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- Microsoft JhengHeiを選択できるようにしていただきたいです
(Windows10にはこのフォントが標準搭載されています)
https://learn.microsoft.com/zh-hk/typography/font-list/microsoft-jhenghei」
ありがとうございます、たくさん勉強になりました
引き続きよろしくお願いいたします。
この投稿は7時間前ずつわいひらに変更されました
わいひら reacted
2025年5月27日 20:13
フォントファミリーありがとうございます。
台湾(繁体字中国語)圏でよく使用されるサイトフォント:font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
作成中に疑問に思ったので、ちょっと質問なんですが、Windows UIフォントの"Segoe UI"は必要でしょうか。
フォントはそこまで詳しくないので、ChatGPTで調べてみた(間違っていたら申し訳ない)のですが、"Microsoft JhengHei"を表示させたいのであれば、Windowsのフォントは"Microsoft JhengHei"だけで十分なのかなとも思いました(絵文字以外)。
2025年5月27日 20:14
Windowsだけのフォント(絵文字以外)記述をシンプルにすると、以下なんですけど、一般的な繁体字(我、們とか)も"Microsoft JhengHei"で綺麗に表示したいなら必要ないのかなと。英数字とか記号が"Segoe UI"だとめちゃくちゃ美しくて使う必要があるとかなのでしょうか。
フォントも台湾の事情とかも詳しくないので間違っていたら、申し訳ないです。
この投稿は6時間前ずつわいひらに変更されました
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。