I'm using the @font face to embed fonts on my site. Everytime I use a heading tag Firefox adds extra emphasis (making a bold font even bolder). How can I resolve this? The heading tag renders fine in Chrome/Safari.

<pre><nowiki><?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="index/fonts/fonts.css"/>
</head>
<body>
<h1>Heading2</h1>
<p> Testing </p>
</body>
</html>
*/CSS/*
*/Fontface rule/*
@font-face {font-family: 'Gibson-Bold';src: url('159693_2.eot');src: url('159693_2.eot?#iefix') format('embedded-opentype'),url('159693_2.woff') format('woff'),url('159693_2.ttf') format('truetype'),url('159693_2.svg#wf') format('svg');
*/Testing use of Fontface/*
h1, h2, h3, h4, h5, h6 {
font-family: Gibson-Bold;
font-style: normal;
font-size: 10pt;</nowiki></pre>

You're welcome.
It is always a good idea to reload and bypass the cache after you have made changes and uploaded new files.
Reload web page(s) and bypass the cache.
* Press and hold Shift and left-click the Reload button.
* Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
* Press "Cmd + Shift + R" (MAC)

Similar Messages

Maybe you are looking for