So I'm trying to use a Google Webfont on a GAE site. The font works when I browse the site locally, but after I deploy and go to the .appspot.com address, the font no longer works and defaults to "cursive".
Here's the relevant code:
CSS:
.logo {
font-family: 'Nothing You Could Do', cursive;
}
HTML:
<head>
<link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
</head>
<a class="logo" href="/">Project</a>
I believe it is a browser issue.
Quoting from here:
What browsers are supported? The Google Web Fonts API is compatible with the following browsers:
Google Chrome: version 4.249.4+ Mozilla Firefox: version: 3.5+ Apple Safari: version 3.1+ Opera: version 10.5+ Microsoft Internet Explorer: version 6+
What do unsupported browsers see? If someone using an unsupported browser visits a page that uses the Web Fonts API, then the text is displayed using the next available font in your CSS font stack.