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

  1. halcyonmarie
    Posted 2 years 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/


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Rich Reviews
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic