Як завантажити шрифт у Shopify?

Anastasi02
New Member
4 0 0

How to download a font to Shopify?

Reply 1 (1)
BSS-Commerce
Shopify Expert
2858 383 407

Hi @Anastasi02,

Since the question is not clear, I assume you want to download fonts for Shopify online store. If you want to download fonts for Shopify online store, the steps are as follows:

1. Prepare font file, you can download font from google font or create your own font file, convert font files to woff or woff2 format, this is required

2. In Online store, select Themes -> More -> Edit code

view (6).png3. Select Assets -> Add a new asset and add font files

view (7).pngAfter adding font files, new files will appear

view (8).png4. In base.css, scroll to the bottom of the file and add the following code

view (9).png

@font-face {
    font-family: "Roboto-Black";
    src: url("{{ 'Roboto-Black' | asset_url }}") format("woff2");
  }

Note that the font name must be the same as the file name and the format must be the same as the font file format

You can then apply the font to any element

view (10).png

 Example H1

h1{
    font-family: "Roboto-Black"
  }

Click Save to save the changes

Change font file format https://cloudconvert.com/

 

Hope it helps @Anastasi02 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development