CSS @Import: Imported .css file has sources that are urls

Question

I have a little problem that I just cant solve. I have a css-file that imports another css-file which contains a font. Now this imported css-file has a list of these e.g:

src: url(my-font.eot)

When I publish the site, it does not find the font files. I have tried all sorts of paths such as:

src: url(../Content/css/<filenamehere>.eot
src: url(../css/<filenamehere>.eot

I know the font-css is in the server and import from the main.css works because there are two files that are imported and the other one works fine.

EDIT: My Imports look like this:

@import url('../css/stuff1/stuff1.css');
@import url('../css/stuff2/stuff2.css');

/EDIT

What paths should I give to these font files in the font-css?

What do your @imports look like?

BoltClock
– BoltClock

2011-05-25 06:19:01 +00:00
Commented May 25, 2011 at 6:19 — BoltClock
– BoltClock, Commented May 25, 2011 at 6:19

mu is too short · Accepted Answer · 2011-05-25 06:34:32Z

2

Your best bet is to use absolute paths everywhere all the time, relative paths just cause trouble and introduce unnecessary coupling and brittleness. I don't know your exact structure but I think you probably want this:

src: url(/css/<filenamehere>.eot);

Or possibly this:

src: url(/Content/css/<filenamehere>.eot);

The same advice applies to referencing your CSS and JavaScript files.

answered May 25, 2011 at 6:34

mu is too short

436k71 gold badges863 silver badges822 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mu is too short Over a year ago

@Esa: What's showing up in your error logs and what is the absolute path (w.r.t. your web server's document root) to your .eot files?

Esa · Accepted Answer · 2011-05-26 06:20:10Z

2

After going through the server's files. I found that not all of the font files were sent to the server during publishing. After copy and pasting all the font files to the server the font was found and was loaded when browsing the site. Apparently there was nothing wrong with the imports. Thank you for your assistance.

answered May 26, 2011 at 6:20

Esa

1,6663 gold badges19 silver badges23 bronze badges

Collectives™ on Stack Overflow

CSS @Import: Imported .css file has sources that are urls

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related