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/