![見出し画像](https://assets.st-note.com/production/uploads/images/73799538/rectangle_large_type_2_0739f92a611daefd916bd08544ac0dee.png?width=1200)
WordPressでGoogleフォントを変更するカスタマイズ方法
はじめまして。
クリンクスデザインです。
(@KC19851008)です。
WordPressでは大体のテーマではいくつかフォントを選んで利用する事ができます。
ですが、指定の場所だけ好きなフォントを利用したいなどがあるかと思います。
今回はGoogleフォントをダウンロードして指定の箇所だけフォントを変更するカスタマイズする方法について紹介致します。
【カスタマイズを実装しているサイト】
![L-Divine _ 高槻でサロンワークをしてる美容師サイト](https://assets.st-note.com/production/uploads/images/73792965/picture_pc_a8dc1288ea376988e3f9762546ff1347.png?width=1200)
参考サイト
【備考】
・Gutenberg(ブロックエディタ)を利用します
【カスタマイズ内容】
・Googleフォントの読み込みタグをWordPressに設定
・指定の箇所に追加CSSクラスを追加
・フォント変更のCSSを設定
【環境】
WordPressバージョン:5.9.1
【テーマ】
SWELLバージョン:2.5.9
今回使用テーマはSWELLを利用しています。
WordPressテーマの有料テーマの場合「</head>直前」に設定ができる使用がほとんどになりますので、テーマ詳細からご確認下さい。
※本記事執筆時の最新バージョンです。
ここから先は
1,593字
/
6画像
¥ 3,980
この記事が気に入ったらサポートをしてみませんか?