Website Building » Shopify » How Do I Add Custom Fonts to Shopify Brooklyn Theme?

How Do I Add Custom Fonts to Shopify Brooklyn Theme?

Last updated on January 8, 2023 @ 7:25 am

Adding custom fonts to your Shopify theme is a great way to make your store stand out from the crowd. There are a few different ways to add custom fonts to Shopify, but the easiest way is to use the Google Fonts library.

To do this, you’ll need to add a few lines of code to your theme’s CSS file.

First, you’ll need to find the URL for the Google Fonts font that you want to use. You can do this by going to the Google Fonts website and finding the font that you want to use.

Once you’ve found the font, click on the “Select this font” link. On the next page, click on the “Embed” tab. Copy the code in the “Standard” section and paste it into your theme’s CSS file.

PRO TIP: Please be aware that adding custom fonts to the Shopify Brooklyn theme may result in unexpected changes to the appearance of your store. If you are not comfortable with making changes to your theme, we recommend contacting a Shopify Expert to help you with this.

Next, you’ll need to add the following code to your CSS file, replacing “FONT-NAME” with the name of the font that you’re using:

@font-face {
  font-family: 'FONT-NAME';
  src: url('//fonts.googleapis.com/css?family=FONT-NAME');
}

Finally, you can use your custom font in any element on your store by adding the following CSS code to that element:

font-family: 'FONT-NAME', sans-serif;

Adding custom fonts to Shopify is a great way to make your store stand out from the rest.

It gives customers a unique experience and can help solidify your brand identity. If you’re not sure how to code, there are plenty of resources available online that can help you get started. Once you’ve added your custom fonts, be sure to test them out on all devices and browsers to ensure that they display correctly.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.