Downloaded font does not show up on previewed site

[spedcom]

Hi,

I have trouble understanding how to make sure the downloaded font exists in the files so that when its uploaded it can reveal the same font on any platform. Right as of now its being replaced by a typical font automatically.

Thanks

AL

[Alex_Pavelescu]

Hi!

As long as you have downloaded the font and placed it anywhere on your site, all you need to make sure is that it's properly referenced in your stylesheets, something like:

@font-face {

  font-family: 'SomeName';

  src: url('/somefolder/fonts/FONTNAME.TTF') format('truetype');

  src: url('/somefolder/fonts/FONTNAME.eot') format('truetype'),

  src: url('/somefolder/fonts/FONTNAME.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}

Here's some useful resources:

The Essential Guide to @font-face

Adding Custom Fonts Using Typekit | Creating for Mobile and Tablets | Adobe TV

Kind Regards,

Alex Pavelescu