3 replies · opened Dec 30, 2022
Hi,
I read your instructions on the self-hosted fonts, just a few questions, you say "If you plan to use a Self-Hosted font, use the following code possibly at the Top of the style.css (...)", what should I do with the existing font references in the style.css file, Typography, Basic Layout Styles, and other text-related classes? Or is the @font-face rule overwriting other font rules?
Thank you,
Maciek
Hello,
In this case, you will need to update 2 Files: style.css and css/fonts.css Files:
In the style.css File, you will need to add the @font-face references to your Self-hosted Fonts as provided in the Documentation or here. Nothing else is required to be changed in the style.css File.
In the css/fonts.css File, you will need to update the font-family declarations based on your @font-face declarations in the style.css File.
That's it! The newly declared Font Families will be applied to the Default Font Styling of the Template.
If you plan to edit other Font Styling properties, you will need to do these customizations manually by adding your custom codes in the css/custom.css File.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you, let me work on this.
Best,
Maciek
All sorted out, thanks!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard