Grundizer Grundizer - 6 months ago 17
CSS Question

Custom fonts not rendering in Chrome/Safari

I'm using the CSS method to render fonts from fonts.com by using the font name in a CSS class like

.myFont h3 {
background-color: #FFFFFF;
color: #000000;
font-family: "ReformaGroteskW01-Mediu";
font-size: 40px;
font-weight: normal;
letter-spacing: 0.04em;
margin: 0 auto;
padding: 0 7px;
text-transform: uppercase;
width: 105px;


}

And the font is linked using this link tag provided by fonts.com, this works for Firefox but not for chome and Safari, seems like the webkit browser doesn't link something here, I would as the support at fonts.com but I have found their support to be very slow in the past.

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/11386172-45ea-43f5-93bd-d795e60c00af.css">

Answer

Why don't you download the font you like and put it in your files? That's way better and might solve your problem too.

Besides, don't use font-family and font-size apart. Put them together in the font tag.