Problem with @font-face url 500 server error craft style So not sure what the problem is really have tried a few ways but I can't get font-files to work.

I have placed my font files in 

 root/craft/templates/assets/fonts/bootstrap


Here is an example of @font-face that I am using...

@font-face {
    font-family: "Glyphicons Halflings";
    src: 
    url("{{ siteUrl }}/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), 
    url("{{ siteUrl }}/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), 
    url("{{ siteUrl }}/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), 
    url("{{ siteUrl }}/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), 
    url("{{ siteUrl }}/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}


In firebug I get "NetworkError: 500 Internal Server Error - http://example.com/assets/fonts/bootstrap/glyphicons-halflings-regular.woff"

If I try to access the file directly I get the following message with craft styling etc so this is a craft error not a typical 500 error.

Internal Server Error

Unexpected character ""


Now if I try to access a css file it works fine, but my font files are returning 500 errors.

I have placed my css files in 

 root/craft/templates/assets/css
Your css and your fonts should be in the public section of the craft website. So put your css in "root/public/assets/css" and "root/public/assets/fonts/bootstrap". Than remove the {{ siteurl }} twig code (in this therme only use plain css).