My website is not showing the appropriate font, PT Sans.ttc. I checked on other browsers and it works fine.
www.farmap-ux.com. Below is CSS code.
@font-face
{
font-family: PT Sans;
font-family: font-family: 'PT Sans', sans-serif;
src: url("http://fonts.googleapis.com/css?family=PT+Sans")
}
So it works on everything like I said (Chrome, Safari, even Opera!) Any ideas? I've tried to find .woff files for the font but I don't think it's in my Font Book.
Try:
You should really check your css! The syntaxe is miles away from correct.
Also,
http://fonts.googleapis.com/css?family=PT+Sans
is already a css file! what you should do is import is put it directly into the<head>
your html using thelink
tag.Have a look at this example: http://www.w3schools.com/tags/tag_link.asp, or just add the following to your html file as said before.
Maybe it's because your
@font-face
declaration isn't valid at all. It should be something like:However, it's even better to use the CSS file provided by google:
If you want to stick to a CSS import use
Following the directions at Google Webfonts should fix your problem.
First, make sure you're including the Google CSS necessary to reference the font files. You have the option to include a
LINK
tag in your HTML, a@import
directive in your CSS, or some Javascript. I recommend theLINK
tag for maximum browser compatibility:When adding this CSS to your site, Google will automatically determine the correct font type to use for your browser. Not all browsers use WOFF files. Older versions of IE use EOT files, some browsers prefer SVG or TTF. Google is able to sniff for the browser type and modify the included CSS as necessary.
After Google's CSS is included, you only have to reference the font family in your CSS where you want the font to appear.
That's the only CSS necessary. Remove all the other CSS you linked… as mentioned in the other answers your CSS has some errors.