I made a web page that used a font in Google Fonts, but the font didn't show up when I uploaded the web page.
I placed the required link immediately after the <head> tag. The code is listed below. Any help would be appreciated.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/webtemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head><link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Title of Page</title>
<!-- InstanceEndEditable -->
font-family: 'Droid Sans', sans-serif;
The way you have it should work fine as long as you are using class="test-droid" in an element with text in it.
I just copy and pasted your code and it works in Firefox as long as I add the "test-droid" class to an element.
Is it possible you forgot that step?
Keep in mind, it will not preview in IE9. The page will need to be uploaded to see the font style.
Scratch my last comment. Missed that it was on the same line.
If you are getting compatibility issues you could get the kit from FontSquirrel and load that on your server instead. That will give you the SVG for "i" devices and EOT for older IE.