Custom fonts not working

  • 15 August 2019
  • 1 reply
  • 47 views

Hi there!

I am trying to use a custom font that I have uploaded to my server.
However, the font is not working and when I check on my landing page it is rendered as ‘Times New Roman’ instead.

Here is the CSS that I have used:

@font-face { font-family: ‘GT Walsheim Pro M’; src: url('http://linux.locus-t.com/preview/sitform/font/GT-Walsheim-Pro-Medium.ttf'); } @font-face { font-family: ‘GT Walsheim Pro M IE’; src: url('http://linux.locus-t.com/preview/sitform/font/GT-Walsheim-Pro-Medium.eot'); } .gt-walsheim { font-family: ‘GT Walsheim Pro M’, ‘GT Walsheim Pro M IE’, sans-serif !important; } #lp-pom-button-22 .label { font-family: 'GT Walsheim Pro M'; }

Here is the link to my landing page, as you can see the button on the hero image is rendered as ‘Times New Roman’ font:

https://landing.locus.com.my/sitform/


1 reply

Userlevel 7
Badge +3

Hi @Muhammad_Hazry_Zaily,

Nowhere in your CSS do you specify what font your button should use. Also, most of the page is currently loading a Google Font (Didact).

Last but not least, load your fonts through SSL and make sure your server is setup to allow the request.

Best,

Reply