Antworten auf deine Fragen:
Neues Thema erstellen

Problem mit font-face

pur

Nicht mehr ganz neu hier

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>
 
Zuletzt bearbeitet von einem Moderator:

Daniel Koch

Noch nicht viel geschrieben

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

Hat es drauf

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
 

pur

Nicht mehr ganz neu hier

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

Nicht mehr ganz neu hier

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

Nicht mehr ganz neu hier

AW: Problem mit font-face

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

manfred_hst

Nicht mehr ganz neu hier

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

Nicht mehr ganz neu hier

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

Nicht mehr ganz neu hier

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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.620
Beiträge
1.538.373
Mitglieder
67.544
Neuestes Mitglied
janusbarman
Oben