I've got the following code in my headers to load a font from Google's hosted APIs, and to load jQuery and jQueryUI.
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>
This is causing the following warnings on Webkit browsers (I'm copying from Chrome):
Resource interpreted as a stylesheet but transferred MIME mime type application/javascript. jquery-ui.min.js:-1
Resource interpreted as Font but transferred with MIME type font/woff. font:-1
Resource interpreted as Font but transferred with MIME type font/woff. font:-1
Does anyone know what to make of these problems? Why would the jQuery line be loading without issues, while the jQuery-ui line is causing this problem?
I can't tell on first inspection if these are causing any problems, and jQuery-ui sounds like it's working, but the fact that it's interpreting jQuery-ui as a stylesheet certainly sounds really bad.
This problem is a result of the Google APIs and not you. You can host the files yourself to get rid of the problem?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With