Menu icon Foundation
File to import not found or unreadable: fonts.

I'm trying to convert a Foundation 4 vanilla css project into Compass/Foundation4.3.2

My config.rb contains:

fonts_dir = "css/webfontkit/"

I have a _fonts.scss file in that directory with the following definitions, and those files are all in the same directory.

My app.scss file contains:

@import "fonts";

And when I run Compass compile I keep getting the error message:

File to import not found or unreadable: fonts.

I'm sure it's something really simple, but I've tried everything I can think of and it just doesn't want to work.

I tried all this in Foundation5 and for some reason the fonts looked awful in IE, but fine in the Foundation 4 version. I finally gave up on F5 and now just want to reuse the some of the settings. I haven't started porting those over yet - I'm using the clean _settings.scss from the foundation/compass install.

Any ideas?

@font-face {
    font-family: 'vbuntulight';
    src: font-url('vbuntul.eot');
    src: font-url('vbuntul.eot?#iefix') format('embedded-opentype'),
         font-url('vbuntul.woff') format('woff'),
         font-url('vbuntul.ttf') format('truetype'),
         font-url('vbuntul.svg#vbuntulight') format('svg');
    font-weight: 300;
    font-style: normal;

}
            

         

fontsfoundation4compass

I'm trying to convert a Foundation 4 vanilla css project into Compass/Foundation4.3.2

My config.rb contains:

fonts_dir = "css/webfontkit/"

I have a _fonts.scss file in that directory with the following definitions, and those files are all in the same directory.

My app.scss file contains:

@import "fonts";

And when I run Compass compile I keep getting the error message:

File to import not found or unreadable: fonts.

I'm sure it's something really simple, but I've tried everything I can think of and it just doesn't want to work.

I tried all this in Foundation5 and for some reason the fonts looked awful in IE, but fine in the Foundation 4 version. I finally gave up on F5 and now just want to reuse the some of the settings. I haven't started porting those over yet - I'm using the clean _settings.scss from the foundation/compass install.

Any ideas?

@font-face {
    font-family: 'vbuntulight';
    src: font-url('vbuntul.eot');
    src: font-url('vbuntul.eot?#iefix') format('embedded-opentype'),
         font-url('vbuntul.woff') format('woff'),
         font-url('vbuntul.ttf') format('truetype'),
         font-url('vbuntul.svg#vbuntulight') format('svg');
    font-weight: 300;
    font-style: normal;

}