Question

I have a very uncommon font that I would like to use for a little bit of text on a site, and my code works on my computer, but not others.

I uploaded the font files to my site and added this CSS:

  @font-face {
    font-family: 'ParisJeTAimeRegular';
    src: url(fonts/'parisjetaime-webfont.eot');
    src: url(fonts/'parisjetaime-webfont.eot?#iefix') format('eot'),
         url(fonts/'parisjetaime-webfont.woff') format('woff'),
         url(fonts/'parisjetaime-webfont.ttf') format('truetype'),
         url(fonts/'parisjetaime-webfont.svg#webfontysiEwOWy') format('svg');
    font-weight: normal;
    font-style: normal
  }

This might not be the proper way to do this, or there might not be an easy way…but I wanted to check and see if it was worth trying to render the font I have as text, or just go with images of the text and not worry about the hassle of the font.

Answer 1

Move fonts/ inside the quotes. Currently, your CSS font declarations are ignored, because they’re invalid. A valid external pointer has either of the following formats:

• url(source)
• url("source")
• url('source')
• url(dir/'source')

Also, if your font is only used for a few cases, consider using images. Lots of browsers ignore custom fonts.