Landing Page Web Fonts

[Anonymous]

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?

<link href='http://pages.paychex.com/rs/784-BXD-202/images/HelveticaNeueLTPro-LtCn.ttf' rel='stylesheet' type='text/css'>

<div class="grid-100">

<strong>

<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

[Grégoire_Miche2 · Accepted solution]

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