# ブログ記事の本文の文字を大きくする方法を教えてください

**URL:** <https://community.shopify.com/t/topic/336557>\
**Category:** 総合的なディスカッション\
**Created:** [July 3, 2024, 11:10am UTC](https://community.shopify.com/t/topic/336557 "2024-07-03T11:10:20Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

DAWNテーマを使用しているユーザーが、ブログ記事本文のフォントサイズを大きくする方法について質問しています。

**提案された解決方法:**

1. **タイポグラフィー設定の調整**
   - 最も簡単な方法
   - ブログ記事や商品ページの本文フォントサイズを一括で変更可能
   - 設定画面のスクリーンショットが提供されています

2. **カスタムCSSの利用**
   - ブログ記事本文のみを対象にしたい場合に有効
   - サンプルコードが提供されており、`.article__content .template-article p` セレクタで `font-size: 20px` を指定
   - 見出しサイズも変更したい場合は、pタグをh2、h3などに書き換えることで対応可能

関連リンクとして、Shopifyヘルプセンターのタイポグラフィー設定ガイドやブログ機能のカスタマイズ記事も紹介されています。

質問者は提案に感謝し、参考にすると回答しており、**解決済み**の状態です。

<div class="post-metadata">

**Author:** ![asupport](https://avatars.discourse-cdn.com/v4/letter/a/2acd7d/32.png) [@asupport](https://community.shopify.com/u/asupport)\
**Post date:** [July 3, 2024, 11:10am UTC](https://community.shopify.com/t/topic/336557/1 "2024-07-03T11:10:20Z")

</div>

DAWNを使っていますが、ブログ記事の本文の文字を大きく（フォントサイズを変更）する方法を教えてください

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [July 6, 2024, 10:00pm UTC](https://community.shopify.com/t/topic/336557/2 "2024-07-06T22:00:47Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します。

簡単な方法を2点紹介します。

**① タイポグラフィーのフォント・サイズ・スケールを調整する方法**

この方法が一番簡単で、ブログ記事の本文や商品ページの本文のフォントサイズを調整できます。

(タイポグラフィーの設定場所)

 ![TsunShot 2024-07-06 at 18.17.17@2x.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/a/3/a37fc2846acbb392248d48ffad42b92cc4d5cfb5.jpeg)

**② カスタムCSSを利用する方法**

ブログ記事の本文だけ文字サイズを大きくしたい場合は、下記のサンプルコードを参考に文字サイズを大きくするCSSコードをカスタムCSSに挿入することで対応できるかと思います。見出しサイズも大きくしたい場合はpタグをh2、h3などの見出しタグへ書き換えてください。

(サンプルコード)

```css
.article-template__content > p {
  font-size: 20px;
}

```

(カスタムCSSの設定場所)

 ![kyoshi_Tsun_1-1720257734023.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/3/835e5cf385c09b401b266e2d8f6b402e88e76294.png)

以上になります。

参考になりましたら幸いです。

関連リンク

[タイポグラフィーの設定をカスタマイズする｜Shopify ヘルプセンター](https://help.shopify.com/ja/manual/online-store/themes/theme-structure/theme-settings#part-9ea78fdf7e5a68fe)

[Shopifyのブログ機能をフル活用｜ブログ記事をカスタマイズするアプリも紹介](https://tsun.ec/blogs/articles/26)

---

<div class="post-metadata">

**Author:** ![asupport](https://avatars.discourse-cdn.com/v4/letter/a/2acd7d/32.png) [@asupport](https://community.shopify.com/u/asupport)\
**Post date:** [July 10, 2024, 10:15pm UTC](https://community.shopify.com/t/topic/336557/3 "2024-07-10T22:15:13Z")

</div>

ありがとうございます。  
大変参考になりました。
