Postお問い合わせContactCocoon「ミックスグリーン」利用中。2019.04.22この記事は約5分で読めます。Maru」のフォントが選択できるようになりました。以下のカスタマイズは現在使用していません。1c」は、めっちゃ好きなフォントです。Webフォントを利用するとページ速度は落ちてしまう可能性が高いので、デメリットはありますが、丸っこくて可愛いところがお気に入りでした♪それが、ある日突然16px以下のフォントサイズだとにじむようになりまして...(Windows環境だけじゃないかと思われます。)CSSで調整して細かいところのにじみには、目をつぶってました。Fonts+日本語」を取り入れて、大満足のカスタマイズができたと記事も書いたけろら~です...happyguu.comもう、このまま目をつぶったままでいこう...そう思っていたところ...似たような別のフォントがあることに気付きました。Fontsって2つサイトあったんですね...。fro...googlefonts.github.io↓ここにもあった。これだと、16px以下でもにじみません。フォンサイズが大きいと丸みが際立ち、16px以下だとどうしても丸みは抑えた感じには見えますけど丸っぽい...にじまない...のでもうこれで全然OKかな~と。「Cocoon」は、Webフォントも含め、指定できるフォントがいくつか用意されています。Maru」へフォントを変更するか...。Cocoon公式のフォーラムに要望を入れてみようかな...とも考えました。これ勇気がなくてできなかった。(T-T)だとしたら、自分でどうにかするしかない...ってことで...やってみました。設定箇所は、2点です。Webフォントのスタイルシートと自ブログをリンクさせるスタイルシートでフォント指定するWebフォントのスタイルシートと自ブログをリンクさせるWebフォントのスタイルシートを自分のサイトにリンクさせるコード(HTML)を記述します。ヘッダーに記述する方法、スタイルシートに記述する方法(@importを記述)、と2つあります。ワタシの場合「@importを記述」ではできなかったので、ヘッダーにリンクを入れてます。Maru」のコードをコピーします。CSS編集」を開きます。Cocoonを利用している場合、ほぼ子テーマの編集画面になるはずです。Cocoon子テーマの「tmp-usr」をクリックします。「head-insert.php」を開く「<link」から始まる先のコードを貼り付けます。スタイルシートでフォント指定する子テーマの編集画面のまま、「スタイルシート(style.css)」をクリックし、画面を開きます。「スタイルシート(style.css)」を開くファイル内に「必要ならばここにコードを書く」の文言がありますので、それ以降にフォントを指定するCSSを記述します。sans-serif;}「.container」で指定してますが、実はもっとスマートな記述方法はあると思います。タイトルだけとか...本文だけだとか...個別でそれぞれ指定した方がよいのかと思ったのですが、あれこれ試したところ全体的なフォントを全部変えるには、ココでOKだったのでとりあえず入れてます。-;)他にいい指定箇所があれば、ぜひ、教えていただきたいです。AMPページでも同じフォント指定をする場合(同じく子テーマのCSS編集画面から)記述する内容は一緒で、別ファイルに記述します。Maru」にフォント変更」した話でした。【Cocoon】カスタマイズしたトップページで「記事を読む目安時間」を非表示にする関連記事WordpressGutenberg:ブロックエディター、下書きをMarkdownで書いてもOKだった!!...2018.12.18WordpressGutenberg:ブロックエディターの「再利用可能ブロック」が超便利♪...2018.12.13WordpressCocoonなら...AmazonのPA-API制限受けてもなんとかなります...2019.04.05Wordpressあぁ、勘違い。Blocks」がすごい!!...2018.12.14コメント欄コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取るけろら~50代。