Broadcast theme not changing the font

Shopify Discussion
1

I’ve been trying to change the font of my website that uses Broadcast theme.

I’ve uploaded the fonts to my assets and also edited the theme.css as described at the theme documentation but it does not work at all.

This is what I added to the theme.css:

@font-face {
font-family: ‘Galano-Grotesque-Alt’;
src: url(‘{{ ‘GalanoGrotesqueAlt-Regular.eot?’ | asset_url }}’);
src: url(‘{{ ‘GalanoGrotesqueAlt-Regular.eot?#iefix’ | asset_url }}’) format(‘embedded-opentype’),
url(‘{{ ‘GalanoGrotesqueAlt-Regular.woff’ | asset_url }}’) format(‘woff’),
url(‘GalanoGrotesqueAlt-Regular.woff2’) format(‘woff2’),
url(‘{{ ‘GalanoGrotesqueAlt-Regular.ttf’ | asset_url }}’) format(‘truetype’),
url(‘{{ ‘GalanoGrotesqueAlt-Regular.svg#GalanoGrotesqueAlt-Regular’ | asset_url }}’) format(‘svg’);
font-weight: normal;
font-style: normal;
font-display: swap;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, #nav li a, div.title a, .headline, .subtitle { font-family: ‘Galano-Grotesque-Alt’ !important; }

I’d like the font added to the whole website. Can anyone help me? I really appreciate.

2

Hey @lono

A Shopify Expert would be able to help you out with this. Shopify Experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants. To browse Experts, or to post a job, head on over to the Shopify Experts website. Here you will connect with Shopify Experts who you can hire for complicated or difficult tasks related to your business, such as c****ustomizing your theme. When you contact a Shopify Expert, you’re not committed to hiring them, you decide whether you want to work with them.

I hope this helps :blush:

3

Hello @lono
I would like to give you the recommendation to support you so kindly follow steps below:

Step 1: From your Shopify Admin, navigate Setting section and select “File”.
Step 2: Upload your Font File by selecting “Upload file”.
Step 3: The opened window will allow you to select the font file to add. After having successfully uploaded the file, select the “Link” icon to copy the file link.
Step 4: After that, look for the file “theme.liquid” under the Layout section or via the search bar. Select to open the file.
Step 5: Add the following codes at the bottom of the file.

Replace the below elements of the code with actual data.
Font name: the name of the font.
Linkofthefontfile: the link of the Font File that was previously uploaded. It is copied after you select the Link icon.
Hit “Save” when finished.

I hope the above is useful to you.
Best regards,
GemPages Support Team