Advanced Search

Results 1 to 2 of 2

Thread: @font-face does not work in firefox

  1. #1
    Join Date
    May 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default @font-face does not work in firefox

    Hi

    I'm having trouble with @font-face in firefox

    the code I use is below. It seems to work on all other browsers

    @font-face {
    font-family: "Berkeley_Book";
    src: url("../fonts/lte50598-webfont.eot");
    src: local(''), url("../fonts/lte50598-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    }

    Does anyone know how to get it to work?!

    Thanks

    James Church
    jchurchdesigns.co.uk

  2. #2
    Join Date
    Aug 2006
    Posts
    101
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    I always use:

    Code:
    @font-face {
    font-family	: 'yourfont';
    src		: url('fonts/yourfont.eot'); /* IE9 Compat Modes */
    src		: url('fonts/yourfont.eot?') format('eot'), /* IE6-IE8 */
    		  url('fonts/yourfont.woff') format('woff'), /* Modern Browsers */
    		  url('fonts/yourfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    		  url('fonts/yourfont.svg#svgyourfont') format('svg'); /* Legacy iOS */
    font-weight	: normal;
    font-style	: normal;
    }
    and then for example:

    Code:
    h1 {
    font-family	: yourfont, sans-serif;
    }
    This should work in all modern browsers.

    You can find a font generator at http://www.fontsquirrel.com/fontface/generator.

    Good luck!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •