SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post WOFF font in browsers

    body{
    src: url("Raleway Thin.woff") format('woff');
    font-family: "Raleway Thin";
    }
    This is my code for font and it is only working in chrome. need help how to fix it?

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,615
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    To support all browsers, you need more than just the woff font.

    Code:
    @font-face {
    	font-family: 'Raleway Thin';
    	src: url('Raleway Thin.eot?#iefix') format('embedded-opentype'), 
    	     url('Raleway Thin.woff') format('woff'), 
    	     url('Raleway Thin.ttf')  format('truetype'),
    	     url('Raleway Thin.svg#RalewayThin') format('svg');
    }
    You can use this site to convert your font to the various file formats: http://www.fontsquirrel.com/tools/webfont-generator

    eot is for Internet Explorer, the woff is for most other browsers (Chrome, Firefox, and Opera), tiff is for safari and android browsers, the svg is the fallback for older versions of safari or other browsers that can't handle or load the previously listed fonts.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain


Tags for this Thread

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
  •