How To Change Font And Font Size For Blog Posts Only (Dawn Theme)

Store Design
1

Hello,

I’m trying to change the font & font size of my blog posts (individual blog post pages) in the Dawn theme. However, I don’t want to change the font & font size anywhere else on my site, just the individual blog posts.

Is this possible?

Thanks in advance for your help!

Jeremy

2

Can you provide link to your store? Also let me know which font and font size do you want on the article page.

3

https://www.jeremymac.com/blogs/news/how-to-create-a-copywriting-portfolio

Roboto, 16px

4

Hi @jeremymac

The blog post content editor supports basic HTML and you can set the font style and sizing by adding a couple of pieces to your blog posts.

You can copy and paste this snippet into any of your blog post content, using the HTML function (</>). Insert your blog content where you see the text “This is a test.” and it will apply the sizing and font type of your choice.


This is a test.

- Change Roboto to your preferred font style, so long as the customers browser style supports it that is how your body text will be displayed on that blog post.

- Change the font size by increasing or decreasing the px (pixel) number.

You can also use a free HTML editor like this one to make your changes: Free online HTML editor - onlinehtmleditor.dev. While this one doesn’t have Roboto as a font style, you can add it into the HTML editor view and it will change the text for you. Let me know if you have any questions!

5

Hi @jeremymac ,

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
6

Hi @jeremymac ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

{% if template content "blog" %}

{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

7

This worked, thank you!

1 Like