/
Apply a specific Font Family to a theme via CSS
Apply a specific Font Family to a theme via CSS
If you find you prefer to use a different font family that the defaulted one to your theme, you can use CSS to apply your preferred font family to the storefront.
For example, if you are want to replace the Default font used in the Elements theme with the one used in the Mr Tea's theme (Font-family "Lato"), navigate to the storefront menu then select CSS then enter the following:
Example CSS
h1, h2, h3, h4, h5, body.catalog.sidebar aside h2, body.product-review-page .product-review h2, .titles, .title { font-family: "Lato"; }
Here's an example of how this will appear in the CSS editor:
Related Documentation
, multiple selections available,
Related content
FontFamily SFO
FontFamily SFO
More like this
Font SFO
Font SFO
More like this
Select a different theme
Select a different theme
More like this
Screen Branding Themes
Screen Branding Themes
More like this
Choosing a theme to customize your site
Choosing a theme to customize your site
More like this
Fine tune your theme
Fine tune your theme
More like this