0

I have a base site with all my code javascript and dependencies to jquery and bootstrap, so I don't need each time to copy all this files to a new site. For example, my base site is on localhost/basesite, so new sites uses bootstrap like that:

<link href="http://localhost/basesite/content/bootstrap/css/boostrap.css rel='stylesheet' />

and for scripts:

<script src='http://localhost/basesite/scripts/bootstrap.js'></script>

Evereything works fine, but bootstrap glyphicons doesn't, 'cause 3 files in fonts directory are not correctly loaded: 

../fonts/glyphicons-halflings-regular.[woff, ttf, svg]

These files are in fonts directory of bootstrap, and the browser can get correctly just the file glyphicons-halflings-regular.eof, witch is in the same directory.

If I open my base site, glyphicon works like a charm, so there is no problem with fonts directory location.

I think this is a problem of cross domain, but my site is already configured to use that.

In Chrome, I got 304 and 206. I really can't understand that. Here a printscreen from Google Chrome:

Network tab from google chrome

Details from 206

Details from 304

Best Regards

Alexandre TRINDADE
  • 917
  • 10
  • 21

1 Answers1

0

It seems the problem is with font folder permissions, and probably the font request are returning a 403 error (Forbidden) and causing the problem, adjusting the permissions and tray again, check network panel on google chrome or firebug to get more info about the problem, if the problem is url path network panel show you this error, tray put full path in url font like: http://www.yourdomain.com/folderpath/fontname...

xzegga
  • 3,051
  • 3
  • 25
  • 45