Problem mit font-face

pur · 20.08.2012

Sorry, ich hatte diesen Eintrag vorher im "web allgemein" hier stehen, ich glaube hier ist er besser aufgehoben. Also nochmal zu meinem Problem mit fontface.

... ich bin am verzweifeln und vielleicht kann einer von Euch helfen, wäre echt super. Also ich habe versucht eine Schrift mit font-face einzubinden. Schriften und seperate css Datei liegen im selben Ordner. Was mache ich verkehrt, die Anzeige in verschiedenen Browsern ersetzt mir einfach nicht die Schrift. ??? Vielen Dank für Eure Hilfe, beste Grüße Matthias.

hier die css Datei für font-face:

Code:

@charset "utf-8";

@font-face {
font-family: "franklin";
src: url("golong.eot");
src: url("golong.eot?#iefix") format("embedded-opentype"),
url("golong.woff") format("woff"),
url("golong.ttf") format("truetype"),
url("golong.svg#go_longregular") format("svg");
font-weight: ;
font-style: normal;

}

hier die Bereich der aus der Main css der erstezt werden soll

Code:

#footer p{
color: #fff;
width: 960px;
margin: 0 auto;
padding: 20px 0;
font-family: 'franklin', Arial, sans-serif;
font-size: 36px;
}

und hier das html zu mit linkpfad zu den css Dateien.

HTML:

<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link href="../css/franklinfont.css" rel="stylesheet" type="text/css" />


<body>
<div id="banner">
</div> <!-- end banner -->

<div id="content">
</div> <!-- end content -->

<div id="footer">
<p>ENTDECKUNG</p>
</div> <!-- end footer -->
</body>

Daniel Koch · 20.08.2012

AW: Problem mit font-face

Hallo,
ohne den Code jetzt zu testen bzw. genauer anzusehen: ich würde das über WebFronts () lösen. Mit diesen lokalen Schriftartendateien ist das immer so eine Sache.

patrick_l · 20.08.2012

AW: Problem mit font-face

Schließe mich Daniel an. Ich würde es auch über die WebFonts lösen. Auch würde ich nicht extra ein zusätzliches CSS nur für die Webfonts verwenden. Alles in einem Style Sheet einbinden und dort gegebenenfalls mit Kommentaren versehen.

Grüße Patrick

Rata · 20.08.2012

AW: Problem mit font-face

daniel_koch schrieb:
ich würde das über WebFronts () lösen.

+1

daniel_koch schrieb:
Mit diesen lokalen Schriftartendateien ist das immer so eine Sache.

Auch meine Erfahrung.

Lieber Gruß
Rata

8)

manfred_hst · 20.08.2012

AW: Problem mit font-face

warum heisst deine src: url("golong.eot");

pur · 20.08.2012

AW: Problem mit font-face

@manfred_hst:
weil die schrift so heißt:
oder verstehe ich ich falsch ???

@die anderen:
ich finde dort aber die Schrift nicht, habe schon die Suche verwendet.
und warum ist "das so eine Sache mit lokalen Schriften"
Danke für Aufklärung

Misco · 21.08.2012

AW: Problem mit font-face

So geht es bei mir perfekt, die Schriften liegen bei mir im Rootverzeichnis:

@font-face{
font-family: XpressSFRegular;
src: url('expr-webfont.eot');
src: local('?'), url('expr-webfont.woff') format('woff'), url('expr-webfont.ttf') format('truetype'), url('expr-webfont.svg#webfontsVUEzgUM') format('svg');
font-weight: normal;
font-style: normal;
}

pur · 21.08.2012

AW: Problem mit font-face

@Misco
die CSS Datei dann auch im Rootverzeichnis ?

Misco · 21.08.2012

AW: Problem mit font-face

Nein das sollte egal sein.

pur · 21.08.2012

AW: Problem mit font-face

probiere das heute abend mal aus, halte dich auf dem Laufenden.
Beste Grüße

manfred_hst · 21.08.2012

AW: Problem mit font-face

hi pur,
du musst schon die font-family so benennen wie in der stylesheet.css, dann klappt das auch. ich binde die schriften immer lokal ein, da habe ich keine probleme. bei der einbindung über die google-api hat man keine kontrolle und weiss nicht welche fonttypen unterstützt werden.
gruss
manfred

pur · 21.08.2012

AW: Problem mit font-face

Hallo Manfred, ich dachte die font-family ist ein frei wählbarer Name. oder muss z.B. das so heißen:
font-family: "golong";
src: url("golong.eot");
... etc.
Hast Du mein Beispiel getest?

manfred_hst · 21.08.2012

AW: Problem mit font-face

hi pur,
so wie in der stylesheet.css, die in dem schriftpaket enthalten ist heisst es:
font-family:"Go Long". wenn man die demo.html aufruft wird der font auch angezeigt, also gehe ich davon aus dass das funktioniert.