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?