BricksPixel
Woocommerce Blueprint
Woocommerce Blueprint
  • Install Bricks Builder
  • Install Essential Plugins
  • Setup Essentials Pages
  • Setup Plugins One-by-One
  • Setup Bricks Builder
  • Install Bricks Woocommerce blueprint Child Theme
  • Add Custom Fonts
  • Import Color Palette
  • Import CSS Variables and CSS Classes
  • Import Components
  • Import Bricks Woocommerce Blueprint's All Templates
  • Setup Bricks Woocommerce Blueprint Child Theme
Powered by GitBook
On this page

Add Custom Fonts

PreviousInstall Bricks Woocommerce blueprint Child ThemeNextImport Color Palette

We will add our custom fonts used with BricksCart child theme.

With BricksCart we are using two font families: "" and "".

So, both font files are provided with the product zip file, which are downloaded from .

Files path in the product file: Extract the zip file, downloaded from the account, After extracting the zip you will get a folder, open it > open the folder named 'Custom Font-Families' > Now two folder 'Inter Tight' and 'Poppins' > open both one-by-one, and upload these font versions in the custom fonts.

Important: Do not change font family name from 'Lato' to something else, and 'Plus Jakarta Sans' to something else, because then the fonts will not work. But If you want to change the font family name then make sure to change the font family variable value with the new name as well you use. such as:

BricksCart templates use these font-family variables- 1. --font-family-a: Inter Tight 2. --font-family-b: Poppins 3. --btn-font-family: Inter Tight So, If you change the custom font family name(also named as 'Custom Font family Title) i.e. 'Font Lato' instead of 'Lato', then make sure to change it in the variables as well such as: --font-family-a: Font inter Tight --btn-font-family-a: Font Poppins Otherwise font-families will not work.

Here is a quick guide on how you can install the custom fonts:

You can learn more about custom fonts on Bricks Academy. read article: .

link
Inter Tight
Poppins
google fonts