Separate css-files with fonts for modern browsers and for IE8-

application.slim

doctype html
html
  head
    meta( charset='utf-8' )
    meta( name='viewport' content='initial-scale=1' )

    <!--[if gt IE 8]><!-->
      = stylesheet_link_tag 'fonts-woff', :media => 'screen'
    <!--<![endif]--><!--[if lte IE 8]>
      = stylesheet_link_tag 'fonts-eot', :media => 'screen'
    <![endif]-->

font-separation.html

<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="styles/fonts.css" media="screen">
<!--<![endif]--><!--[if lte IE 8]>
<link rel="stylesheet" href="styles/fonts-ie.css" media="screen">
<![endif]-->