サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020-10-28 16:16
全体の設定でフォントを「さわらび明朝（WEBフォント）」にしています。
PCからでは分かりにくいですが、スマホでは下記の文字がゴシック体のような感じで表示されます。
顕、々、漠、紐、握、醒、蓋、眩、魂、掬、驚、響、葛、愛、療、瘍、挫、鑽、恋、闘、蔑
ざっと確認しただけでこれだけありました。
部分的におかしくなり違和感を感じます。
このフォントの雰囲気が気に入っているので使いたいのですが、対応可能でしょうか？
2020-10-28 19:46
さわらびフォントはフォント自体が第二水準以降の漢字には一部しか対応していないようなので、それらの漢字がさわらび明朝にならないこと自体は仕様ですね。
ただ対応していない漢字は明朝体で表示された方が自然だと思うので、明朝系のフォント(Noto Serif、さわらび明朝)が指定された場合はfont-familyの2番目がsans-serifでなくserifの方が良いのかも知れません。
以下の2箇所ですね。
わいひら reacted
2020-10-28 20:02
前略、ひろ さん
私もはるさんと同じことを考えました。
先日いただいた、ご質問の過去のトピックのやり方が応用できそうな気もします。
フォントファミリーの２番目、３番目辺りに「游明朝(YuMincho)」とか「ヒラギノ明朝(Hiragino Mincho)」辺りの、各OSで表示できそうな明朝体のフォントを挟んでおく、というのも有りなのかもしれません。
以下、参考リンク。
わいひら reacted
Topic starter
2020-10-29 13:16
はるさん、リフィトリーさん
ご回答ありがとうございます。
見様見真似でやってみましたが、変化がありませんでした。
コードのことがほとんどわからない、今の私にはちょっとハードルが高いみたいです。
もう少し勉強してみます。
ありがとうございました。
2020-10-29 20:24
@ひろ さん
ローカルのテストサイトで、Cocoon設定の全体タブの設定で、「さわらび明朝（Webフォント）」を選択して、CSSのコードで２番目のフォントを指定したコードを子テーマに書いてみましたが、Windows環境では、「游明朝」では、細すぎ、「HG明朝E」は太すぎて、さわらび明朝の中に表示されたら、ちょっと目立ってしまうかもしれません。 ?
.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho {
font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
This post was modified 3年前 by リフィトリー
わいひら reacted
2020-10-29 20:26
「HG明朝E」優先
.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho {
font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
わいひら reacted
2020-10-29 20:36
２番目が serif のとき
.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho {
font-family: "Sawarabi Mincho", serif;
}
わいひら reacted
2020-10-29 20:38
有るフォント、無いフォントじゃなくて、有る字と無い字でしたね。 ?
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。