Resource interpreted as Font but transferred with MIME type text/html: "http://localhost:3000/fonts/glyphicons-halflings-regular.woff"

Question

iam using Meteor Framwork (PREVIEW 0.7.1.2), i have installed bootstrap-3 using mrt, everything is working fine ,however from the console in chrome iam recieving this warning :

Resource interpreted as Font but transferred with MIME type text/html: "http://localhost:3000/fonts/glyphicons-halflings-regular.woff"
Resource interpreted as Font but transferred with MIME type text/html: "http://localhost:3000/fonts/glyphicons-halflings-regular.ttf".
Resource interpreted as Font but transferred with MIME type text/html: "http://localhost:3000/fonts/glyphicons-halflings-regular.svg".

which is very annoying specially when developing for the console,

anyone have a fix for that ? Thanks

Answer 1

Your fonts need to be served from the public folder in a Meteor application. In order to do this, you can create a symbolic link inside the public folder to wherever the fonts are located in your bootstrap installation.

Edit: I downloaded the package you're using and checked the path to the fonts folder, use the code below to create a symbolic link to the fonts. Note this must be run in your project's public directory.

ln -s ../packages/bootstrap-3/fonts ./