Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Am I correct? Bulletproof font-face (Fontspring) syntax

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #151906
    osirisweb
    Participant

    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:

    @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:

    @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.fontsquirrel.com/tools/webfont-generator in regards to IE8 and below.

    Regards.
    OW

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.