Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2013
    Location
    Scotland, United Kingdom
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Is this correct? Bulletproof @font-face

    Hi, I was just wondering if someone could verify if I have coded this syntax for "bulletproof" @font-face...

    I currently just use this, which works fine for up-to-date browsers, but was looking to see if it would work on browsers, for example, IE8/7/6... This works fine in IE9/10 and Firefox etc:

    Code:
    @font-face {
    	font-family: 'MuseoLite';
    	src: local('Museo300-Regular.otf'), url('_fonts/Museo300-Regular.otf') format('opentype');
    	url('_fonts/Museo300-Regular.otf') format('opentype');
    }
    And here is the altered coding in regards to "The Fontspring @font-face syntax" article:

    Code:
    @font-face {
      font-family: 'MuseoLite';
      src: url('Museo300-Regular.eot?') format('eot'), url('Museo300-Regular.otf') format('opentype');
      url('_fonts/Museo300-Regular.otf') format('opentype');
      url('_fonts/Museo300-Regular.eot') format('embedded-opentype');
    }
    ^ not entirely sure if the last line is required or not?
    I used the .EOT font generator at FontSquirrel to convert the current "custom" fonts I use on projects (http://www.fontsquirrel.com/tools/webfont-generator)

    I'd like to thank anyone in advance for your reply/guidance/and if I'm correct, your confirmation.

    I was reading the article about "The Fontspring @font-face syntax" at http://www.paulirish.com/2009/bullet...tation-syntax/ in regards to IE8 and below.

    Regards.
    OW

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,486
    Thanks
    6
    Thanked 981 Times in 954 Posts
    The font-face generator outputs a CSS file that has all the bulletproof syntax in it already. Why don’t you use that? And also, the FontSpring article explains the syntax in detail, all you have to do is copy it (by handcoding, if you prefer).

  • #3
    New to the CF scene
    Join Date
    Jun 2013
    Location
    Scotland, United Kingdom
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    The font-face generator outputs a CSS file that has all the bulletproof syntax in it already. Why donít you use that? And also, the FontSpring article explains the syntax in detail, all you have to do is copy it (by handcoding, if you prefer).
    Thanks for pointing out there's a stylesheet with the coding in it! I didn't even notice, I was just unpacking the .eot files! I basically had it all correct anyway, but didn't need the last line as suspected!

    Thanks for your quick response, much appreciated.

    OW


  •  

    Tags for this Thread

    Posting Permissions

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