@font-face ie8 issues

[Kevin]

@include font-face("DispatchCompTabRegular", font-files("../fonts/
dispacomtabreg-webfont.ttf", "../fonts/dispacomtabreg-webfont.eot"));

I'm having trouble with getting this font to show up in IE8, it shows
up fine in IE9, Chrome, Firefox and Safari. Has anyone ever had issues
like this before? Any help would be appreciated.

-Kevin

[Eric Meyer]

The .eot fonts are handled differently, and so they are declared separately in the font-face mixin.

See: http://compass-style.org/reference/compass/css3/font_face/#mixin-font-face

Move .eot out of font-files() and into it's own argument:

@include font-face("

DispatchCompTabRegular", font-files("../fonts/dispacomtabreg-webfont.ttf"), "../fonts/dispacomtabreg-

webfont.eot");

Cheers,
-e

[MoOx]

font_files() function let pass the .eot#iefix
I've edited the function some month ago, but I've not update the mixin according to this (https://github.com/chriseppstein/compass/blob/stable/lib/compass/sass_extensions/functions/font_files.rb)

There is an opened issue to refactor the font mixin  https://github.com/chriseppstein/compass/issues/867
I use the font-files function like this https://github.com/MoOx/compass-recipes/blob/master/stylesheets/recipes/_font.scss

On Monday, August 6, 2012 9:19:16 AM UTC+2, Fábio Vanderlei wrote:

Try ,

@import "compass/css3";
@include font-face("Blooming Grove",
font-files("bgrove-webfont.ttf", "bgrove-webfont.otf"),"bgrove-webfont.eot");

or ,

@include font-face("Pacifico", font-files("pacifico-fontfacekit.woff", woff,
  "pacifico-fontfacekit.otf", opentype), "pacifico-fontfacekit.eot");