zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden @font-face Darstellungsfehler Safari und Firefox, Schrift zu fett

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.07.2010, 18:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2010
Beiträge: 2
jack77 befindet sich auf einem aufstrebenden Ast
Standard @font-face Darstellungsfehler Safari und Firefox, Schrift zu fett

Hallo zusammen,

ich würde gerne auf einer Site die Schrift "FrutigerRegular" über @font-face einbinden. Das funktioniert auch soweit, nur leider stellen Safari und Firefox die Schrift zu fett dar. Ich habe in einem Artikel gelesen, dass die Anweisung font-weight:100; Abhilfe schaffen soll, dass ist aber leider nicht der Fall.

So soll die Schrift aussehen:



So sieht sie in Firefox (3.6) aus:



Wie man sieht ist sie zu fett, in Safari ebenso.

Hier eine Live-Demo mit Grafik zum Vergleichen.

Hier noch der Code:

Zitat:
<!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" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Font Face Test</title>

<style type="text/css"><!--
body { background: #2e190f; color:#aca29f; }

@font-face {
font-family: 'FrutigerRegular';
src: url('FrutigerRegular.eot');
src: local('xyz'), url('FrutigerRegular.ttf') format('truetype');
}
p {
font-family: FrutigerRegular, Arial, sans-serif;
text-transform:uppercase; font-size:15px;
margin:7px; padding:0;
}
--></style>
</head>

<body>

<img src="psd.gif" alt="psd" width="177" height="70" />

<p style="color:white;">LOREM IPSUM DOLOR</p>

<p>LOREM IPSUM DOLOR</p>

</body>
</html>
Kann mir jemand helfen bzw. hat einer ähnliche Erfahrungen gemacht? Ich habe das auch mit anderen Schriften und auf mehreren Rechnern probiert, überall der gleiche Effekt. Für den IE greift FrutigerRegular.eot, da sieht es gut aus, für Safari/Firefox FrutigerRegular.ttf ...

Viele Grüße!

Geändert von jack77 (15.07.2010 um 18:38 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.07.2010, 18:40
img img ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.05.2008
Beiträge: 258
img befindet sich auf einem aufstrebenden Ast
Standard

bei mir sind beide identisch, FF 3.6.6 unter OS X.

Grüße Jan
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.07.2010, 18:59
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Firefox 3.5.10
Angehängte Grafiken
Dateityp: jpg 2010-07-15_175859.jpg (4,4 KB, 8x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 15.07.2010, 19:01
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

und mit aktiviertem Javascript
Angehängte Grafiken
Dateityp: jpg 2010-07-15_180012.jpg (4,4 KB, 9x aufgerufen)
Mit Zitat antworten
  #5 (permalink)  
Alt 15.07.2010, 19:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2010
Beiträge: 2
jack77 befindet sich auf einem aufstrebenden Ast
Standard

Firefox und Safari auf dem Mac = zu fett
Mit Zitat antworten
  #6 (permalink)  
Alt 15.07.2010, 22:45
img img ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.05.2008
Beiträge: 258
img befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von jack77 Beitrag anzeigen
Firefox und Safari auf dem Mac = zu fett
Nein wie gesagt, bei mir passt es im FF (Mac) 1:1 wie im Screenshot.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Firefox Erweiterung -> Aktivitätsanzeige Safari? sepp88 Offtopic 4 10.03.2010 15:29
Safari vs Firefox rundungen ithommy CSS 3 05.10.2009 22:19
Schrift am Mac zu fett Hairy CSS 2 04.08.2007 23:53
Float und Margin Problem in Safari vs. Firefox GeorgeDorn CSS 1 09.04.2007 14:55
darstellungsfehler mit safari Genjuro CSS 2 24.03.2006 16:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:09 Uhr.