Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google hosted jQuery and webfonts causing webkit warnings

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.

like image 455
William Jones Avatar asked Apr 21 '11 00:04

William Jones


1 Answers

This problem is a result of the Google APIs and not you. You can host the files yourself to get rid of the problem?

like image 88
Zameer Manji Avatar answered Dec 06 '22 04:12

Zameer Manji