I’m trying to use Google Fonts in my site, however the fonts aren’t loading except for in preview mode. My code is the following: @import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500|Open+Sans); h3 { font-family: 'Fira Sans'; } I have the customisation enabled so I’m not sur…

Ok, I know why it isn’t working. @import will only work if it’s the first line in a CSS file. As the customizations are alphabetically ordered before being combined together, if you happen to name your font loading customization ‘Fonts’ it probably won’t be the first in the list which means @import…

I have the same issue when I use Google fonts. @import url... doesn’t work so I use <link href='https://fonts.googleapis.com/css?family=your-font-name' rel='stylesheet' type='text/css'> in HTML sheet instead of @import url. (when you change the Html code you need to hard refresh the page after yo…

Loading Google Fonts with @import

Product Support

ThePassenger (Eloi Smith) July 17, 2017, 7:36pm 4

Hi! sorry but where do i need to upload the code? Because the font I use works in chrome but not in Safari-mobile.

Topic		Replies	Views
Anyone embedding fonts successfully? Product Support	11	3023	April 20, 2020
Open Sans 300 in Custom Header Product Support	3	998	January 15, 2017
Display-font: swap UX	3	960	November 18, 2020
How to use fonts that are not present in discourse? Product Support	2	702	January 30, 2023
Changing the font of the h2 'site text logo' Product Support	1	927	October 14, 2016

Loading Google Fonts with @import

Related topics