BricksPixel
BricksCart
BricksCart
  • Install Bricks Builder
  • Install Essential Plugins
  • Setup Essentials Pages
  • Setup Plugins One-by-One
  • Setup Bricks Builder
  • Install BricksCart Child Theme
  • Add Custom Breakpoints
  • Add Custom Fonts
  • Import Color Palette
  • Import CSS Variables and CSS Classes
  • Import BricksCart All Templates
  • Setup BricksCart Child Theme
  • Ending Note - What's Next
  • Other
    • Changelog
Powered by GitBook
On this page

Add Custom Fonts

PreviousAdd Custom BreakpointsNextImport Color Palette

Last updated 6 months ago

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 'BricksCart-Font-Families' > Now two folder 'Lato' and 'Plus-Jakarta-Sans-v8-latin' > open both one-by-one, and upload these font versions in the custom fonts.

Font-weights using with BricksCart

  • Plus Jakarta Sans: 300, 500, 600, 700, 800.

  • Lato: 300, 400, 700, 900.

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. such as:

BricksCart templates use these font-family variables- 1. --font-family-a: Lato 2. --font-family-b: Plus Jakarta Sans 3. --btn-font-family: Lato 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 Lato --btn-font-family-a: Font Lato 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 article: .

link
Plus Jakarta Sans
Lato
google fonts