WordPress.org

Support

Support » Plugins and Hacks » Solution to @font-face not showing in IE

Solution to @font-face not showing in IE

  • halcyonmarie

    @halcyonmarie

    If your @font-face code in rich reviews doesn’t work for IE try this instead.

    @font-face {
    font-family: 'Glyphicons Halflings';
    src: url('http://www.yourdomain.com/wp-content/plugins/rich-reviews/fonts/glyphicons-halflings-regular.eot?') format('eot'), url('http://www.yourdomain.com/wp-content/plugins/rich-reviews/fonts/glyphicons-halflings-regular.woff') format('woff'), url('http://www.yourdomain.com/wp-content/plugins/rich-reviews/fonts/glyphicons-halflings-regular.ttf') format('truetype')
    }

    Note that if the font and css are not in the same directory, you need to put the full url path. Also, only use the code src: once or IE doesn’t like it. Thirdly, put the .eot file first. I also read something saying that IE expects your files to have the font family name at the beginning. All in all, IE gets upset very easily!

    I also read that IE7 doesn’t like the :before and :after pseudo-elements which are used by rich reviews. This might also need a work around – but that’s another story.

    See it in action at http://www.childfriendlyholidays.org/testimonials/

    http://wordpress.org/plugins/rich-reviews/

  • The topic ‘Solution to @font-face not showing in IE’ is closed to new replies.