Hi,
I’ve been trying to upload TTNormsPro-Bold (which I purchased as a webfont from MyFonts) as a local font on my site. I’ve gone through the steps here.
Since it’s non-Google, I tried to adjust the CSS from @font-face manually to include the specific URL path for the font (which I read in another topic somewhere for non-Google fonts).
I’ve got this:
/* TTNormsPro-Bold */
@font-face {
font-family: ‘TT’NormsPro-Bold;
src: local(‘TTNormsPro-Bold), local(‘TTNormsPro-Bold’),
url(‘http://staging3.enrola.co.uk/wp-content/uploads/2020/11/TTNormsPro-Bold.woff2’) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */
url(‘http://staging3.enrola.co.uk/wp-content/uploads/2020/11/TTNormsPro-Bold.woff’) format(‘woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
(I was only sent .woff and .woff2 files, so I assume I can’t go for “Best Support”)
Is this correct? It’s not rendering in Chrome, but does seem to be in Firefox (Safari won’t let me view my Staging site).
The site is staging3.enrola.co.uk