Landing Page Web Fonts

Forum|Forum|10 years ago
October 23, 2015
1 reply
2196 views

I am looking to use a web font on a landing page. I tried to upload a .woff file and a .ttf file and used this code below in the CSS and in the section of the landing page but the font is not getting picked up. Any ideas?

<span style="font-size: 11.133em; font-family: 'HelveticaNeueLTPro-LtCn'; color: rgb(255, 255, 255);" _mce_style="font-size: 11.133em; font-family: 'HelveticaNeueLTPro-LtCn'; color: #ffffff;">WORKING

</span>

</strong>

</div>

It keeps throwing an error saying the MIME has been changed.

Any ideas?

Andy

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Grégoire_Miche2

Hi Andy,

Are you sure the type='text/css' is correct for a font file ?

Have you tried to use a code like this :

@font-face { font-family: 'FontName'; src: url('FontName.eot'); src: url('FontName.eot?#iefix') format('embedded-opentype'), url('FontName-webfont.woff') format('woff'), url('FontName-webfont.ttf') format('truetype'), url('FontName-webfont.svg#FontName') format('svg'); font-weight: normal; font-style: normal; }

-Greg

Grégoire_Miche2Accepted solution

New Participant

Hi Andy,

Are you sure the type='text/css' is correct for a font file ?

Have you tried to use a code like this :

@font-face { font-family: 'FontName'; src: url('FontName.eot'); src: url('FontName.eot?#iefix') format('embedded-opentype'), url('FontName-webfont.woff') format('woff'), url('FontName-webfont.ttf') format('truetype'), url('FontName-webfont.svg#FontName') format('svg'); font-weight: normal; font-style: normal; }

-Greg

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded