how to make same font as the website

Store Design

Topic summary

A user encountered a font inconsistency issue where product descriptions displayed a different font than dropdown menus on their e-commerce site.

Proposed Solutions:

  • One suggestion was to adjust font settings through the typography section in the theme customizer
  • Another identified the root cause: custom CSS code in the base.css file was forcing a specific font family (“The Seasons”) on product descriptions using !important declarations

Resolution:
Removing the problematic CSS code snippet from the bottom of the base.css file successfully resolved the font mismatch. The issue is now closed with the user confirming the solution worked.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello! Tried several codes but cant seem to make the description the same font as the dropdown.

Please kindly advice! https://fitnessflair.co/products/weekender-tote

nicolewx_0-1742884964982.png
nicolewx_0-1742884964982.png605Ă—525 18.5 KB

1 Like
2

Hi nicolewx,

Change the font from typography section like the below font and save,

itsRezaul_1-1742885565155.png
itsRezaul_1-1742885565155.png357Ă—675 22.5 KB

Thanks

3

Hi @nicolewx

Please remove this code below at the bottom base.css file to solve it

.product__description span {
    font-family: The Seasons, sans-serif !important;
    font-size: 1rem !important;
}

Screenshot 2025-03-25 at 14.14.17.png
Screenshot 2025-03-25 at 14.14.17.png1790Ă—926 100 KB

4

Thank you!

1 Like
5

You are very welcome!