「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマAMORE:フォントを変更する

Q.AMOREトップページ第1ブロックのフォント変更をしたい

トップメッセージの第1ブロックの文章のフォントを明朝でなくゴシックにしたいのですが、変更方法を教えてください。

A.下記cssファイルのfont-familyをご編集ください

font-familyで設定している下記箇所を変更するか、カスタムCSSで記述することで適用可能です。デフォルトで明朝のようになっている第1ブロックの書体は「serif」となっていますがゴシック体へは下記のように変更します。

編集するファイル:amore.css
編集箇所:

/* first block */
h1.first-h1{
  font-family: serif;

/* first block */
h1.first-h1{
  font-family: sans-serif;

編集するファイル:responsive.css
編集箇所:

/* first block */
h1.first-h1{
  width: 90%;
  margin: 0 auto;
  font-family: serif;

/* first block */
h1.first-h1{
  width: 90%;
  margin: 0 auto;
  font-family: sans-serif;

※反映が即時にされない場合、ブラウザのキャッシュをクリアした後、表示確認を行ってください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事