How to custom font and color on LayoutHub?

Custom fonts are a great way to add a unique look to your site that is as much part of its visual identity as a logo, color or pattern. This built-in feature helps you embed custom fonts easily into your Layout - no coding required. You can customize the font used for all headings and body text font (the content areas).

Supported files for uploading: woff2, woff, ttf

Fonts are set in pairs, one for headings and the other for the body font.

  • Head-Title: Choose a font to use for all of the headings on your blog. Common examples of heading text includes section titles, post and page titles, widget titles, comment headers, and headlines inside posts and pages.

  • Font-family: Choose a font to use for the main body text product description, blog content, pricing...

Each time you change a font, the live preview refreshes so you can see how that font will look on your layout. You can change them as many times as you want.

1 - Using font from Google

Taking font from Google and automatic setting.


2 - Using font file upload


3 - Primary color

Primary color set for all hover on all the pages (home, product, blog, collection, etc)

If you love LayoutHub, could you consider posting an review? That would be awesome and really help us to grow our business, here is the link.

Last updated