Schrift wird unterschiedlich dargestellt

[Melina]

Guten Abend,

ich bin etwas am verzweifeln, wie kann es sein, dass der Firefox und Google Chrome eine Schrift unterschiedlich groß darstellt?

Hier ein Bild vom Google Chrome

Hier ein Bild vom Firefox in der aktuellsten Version

Wie es im Google Chrome aussieht, so sollte es auch im Firefox aussehen. Mein HTML und CSS sieht so aus:

  
  
.logo {  
	display:inline-block;  
	width:39%;  
	padding-left:2em;  
}  
  
.logo a {  
	cursor:pointer;  
}  
  
header h1{  
	display:none;  
}  
  
.slogen {  
	position:absolute;  
	font-family: 'Niconne', cursive;  
	font-size:3em;  
	text-align:right;  
	margin-left:13em;  
	margin-top:-2.5em;  
	font-style:italic;  
	color:#999;  
}  

  
<header class="logo">  
	<h1>Logo</h1>  
        <a <?php if($_SERVER['PHP_SELF'] != '/index.php') echo 'href="index"' ?>><img src="img/logo.png" alt="Logo"></a>  
  	<div class="slogen">Wir helfen mit Sicherheit!</div>  
 </header>