`@font-face {
font-family: Podium;
src: url(/memberships/qSaAvd59RpGDBGLYrvoi/post-materials/f2a2d2d7-2924-4273-b8a4-efceb8880763/Fontspring-DEMO-podiumsharp-2-ijfe.woff2) format('woff2');
} 
.podium {
font-family: Podium !important;
font-weight: 800;
font-style: normal;
letter-spacing: -1.2;
-webkit-font-smoothing: antialiased;`

So in short, the fonts don't match - in the site builder looks fine, on mac looks fine, but when I try to look at it on an IOS emulator, it looks bad

IOS Android

The website builder is GoHighLevel, but I think that the problem is it's capabilities (I'm not sure)

`@font-face {
font-family: Podium;
src: url(https://cdn.courses.apisystem.tech/memberships/qSaAvd59RpGDBGLYrvoi/post-materials/f2a2d2d7-2924-4273-b8a4-efceb8880763/Fontspring-DEMO-podiumsharp-2-ijfe.woff2) format('woff2');
} 
.podium {
font-family: Podium !important;
font-weight: 800;
font-style: normal;
letter-spacing: -1.2;
-webkit-font-smoothing: antialiased;`

So in short, the fonts don't match - in the site builder looks fine, on mac looks fine, but when I try to look at it on an IOS emulator, it looks bad

IOS Android

The website builder is GoHighLevel, but I think that the problem is it's capabilities (I'm not sure)

• css
• fonts

• You need to define the font-weight also in the font-face rule - otherwise the browser will map it to font-weight 400 and add an ugly faux-bold effect. – herrstrietzel Commented Feb 14 at 19:55

1 Answer 1

Import the font from the Google fonts api as your page loads.