How to download a font to Shopify?
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:
-
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
-
In Online store, select Themes → More → Edit code
3. Select Assets → Add a new asset and add font files
After adding font files, new files will appear
4. In base.css, scroll to the bottom of the file and add the following code
@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
Example H1
h1{
font-family: "Roboto-Black"
}
Click Save to save the changes
Change font file format https://cloudconvert.com/
Hope it helps @Anastasi02