External Font Does Not Work In Foundation.zurb Css

i want to add external font 'Droid Serif' and i put the fontface in the foundation.css file. here is the code @font-face{ font-family: 'MyWebFont'; src: url('../font/DroidSeri

Solution 1:

I've done it with Zurb Foundation without problems. Your font-face code seems good to me...

Have you tried to apply these font properties to a single item (not to body)? For example, enclose them into a class name (.apply-font) and apply it to a div or a span. Does it works? If not, maybe there's a path problem to your font files. But you're sure that's not the problem...

If it works, it could be that your body definition goes before the body one created by zurb when it compiles the file _globals.scss, and the second one overrides the first. To test if that's the problem, you could use the !important declaration to your font-family. This is the way to say that it doesn't matter where it's declared, this is the one to use.