WordPress.org

Ready to get started?Download WordPress

Forums

Rich Reviews
Solution to @font-face not showing in IE (1 post)

  1. halcyonmarie
    Member
    Posted 11 months ago #

    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/

Reply

You must log in to post.

About this Plugin

About this Topic