Font einbinden funktioniert nicht?

[BlackBoSs]

Hallo Leute,

Habe im Forum gesucht und einige Themes diesbezüglich gefunden, leider funktionieren die Anweisungen in anderen Threads irgendwie nicht.

Habe über Font Squirrel (Webfont Generator) den Arizonia Font generieren lassen und den folgenden Code in die style.css eingefügt:


@font-face {
font-family: 'arizoniaregular';
src: url('arizonia-regular-otf-webfont.eot');
src: url('arizonia-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
url('arizonia-regular-otf-webfont.woff') format('woff'),
url('arizonia-regular-otf-webfont.ttf') format('truetype'),
url('arizonia-regular-otf-webfont.svg#arizoniaregular') format('svg');
font-weight: normal;
font-style: normal;

}



Und das ist der Code wo ich die Font anwenden will:

nav h2 {color:#FFF; font:'arizoniaregular', Arial, Helvetica, sans-serif; top:70px; right:170px; position:absolute;}


funktioniert nicht aber nicht?

Was mache ich falsch ??

Bitte um Hilfe.

Liebe Grüße

 

[cythux]

AW: Font einbinden funktioniert nicht?

Diese Links dürften dir helfen
http://www.mediaevent.de/css/font-face.html
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
http://blog.kulturbanause.de/2011/02/css-font-face-im-praxistest/

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

Ich hab ja eh auch alles so wie auf diesen Links beschrieben gemacht ...

 

[cythux]

AW: Font einbinden funktioniert nicht?

Versuche es mal so

nav h2 {
color:#FFF; 
font:"arizoniaregular", Arial, Helvetica, sans-serif; 
top:70px; 
right:170px; 
position:absolute;
}

 

[dn3d_fanboy]

AW: Font einbinden funktioniert nicht?

Lass die Anführungsstriche mal ganz weg.

Oder sind vielleicht die Pfade falsch?

 

[cythux]

AW: Font einbinden funktioniert nicht?

Hast du die Fonts auch auf deinem Server Hochgeladen?

 

[Daxma]

AW: Font einbinden funktioniert nicht?

Hallo,

versuch es mal mit

font-family:'arizoniaregular', Arial, Helvetica, sans-serif;

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

Hast du die Fonts auch auf deinem Server Hochgeladen?

ja hab ich auch schon, sie liegen im root verzeichnis und hab es auch zur sicherheit in den css ordner hineingeladen.

siehe bild:

Hallo,

versuch es mal mit

font-family:'arizoniaregular', Arial, Helvetica, sans-serif;

hab ich auch schon probiert.. so sieht es derzeit aus ..:

nav h2 {color:#FFF; font:'arizoniaregular', Arial, Helvetica, sans-serif; top:70px; right:170px; position:absolute;}

und so sieht mein @font-face aus :


@font-face {
font-family: 'arizoniaregular';
src: url('arizonia-regular-otf-webfont.eot');
src: url('arizonia-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
url('arizonia-regular-otf-webfont.woff') format('woff'),
url('arizonia-regular-otf-webfont.ttf') format('truetype'),
url('arizonia-regular-otf-webfont.svg#arizoniaregular') format('svg');
font-weight: normal;
font-style: normal;
}

 

[Daxma]

AW: Font einbinden funktioniert nicht?

hast du es probeweise mal mit absoluten Pfadangaben probiert?

@font-face {
    font-family: 'arizoniaregular';
    src: url('http://www.domain.de/arizonia-regular-otf-webfont.eot');
    src: url('http://www.domain.de/arizonia-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.domain.de/arizonia-regular-otf-webfont.woff') format('woff'),
         url('http://www.domain.de/arizonia-regular-otf-webfont.ttf') format('truetype'),
         url('http://www.domain.de/arizonia-regular-otf-webfont.svg#arizoniaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

 

[cythux]

AW: Font einbinden funktioniert nicht?

Am besten du sendest uns mal das komplett.
Damit wir uns das mal anschauen können.
Irgendwo stimmt da was nicht

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

hast du es probeweise mal mit absoluten Pfadangaben probiert?

@font-face {
    font-family: 'arizoniaregular';
    src: url('http://www.domain.de/arizonia-regular-otf-webfont.eot');
    src: url('http://www.domain.de/arizonia-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.domain.de/arizonia-regular-otf-webfont.woff') format('woff'),
         url('http://www.domain.de/arizonia-regular-otf-webfont.ttf') format('truetype'),
         url('http://www.domain.de/arizonia-regular-otf-webfont.svg#arizoniaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

hab ich auch geradeeben probiert.. funktioniert auch leider nicht...

Am besten du sendest uns mal das komplett.
Damit wir uns das mal anschauen können.
Irgendwo stimmt da was nicht

Willst du die ganze CSS & die HTML Datei haben ?
Wenn ja, darf ich dann deine E-Mail Adresse per PM bekommen ?
Ich würde mich freuen wenn du mir helfen kannst und mir meinen Fehler zeigen kannst wo sie ist.

Lg

 

[cythux]

AW: Font einbinden funktioniert nicht?

Habe die PN gesendet am besten alles so das wie du die Seite auch auf dem Server hast.
Ist ja auch um den Fehler zu finden.

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

Habe die PN gesendet am besten alles so das wie du die Seite auch auf dem Server hast.
Ist ja auch um den Fehler zu finden.

cythux möchte oder darf keine Privaten Nachrichten empfangen. Daher kannst du deine Nachricht nicht an diesen Benutzer schicken.

Schicke dir die Daten jetzt per Mail.
Danke dir im voraus.

 

[cythux]

AW: Font einbinden funktioniert nicht?

Ist besser via mail habe bewusst die pn eingestellt das nur Freunde PN senden können oder die Personen hinter PSD-Tutorials arbeiten.

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

Verstehe ich auch.
Mail ist unterwegs.

Warte ganz gespannt auf deine Rückmeldung, bin gespannt wo der Fehler war.

Lg

 

[cythux]

AW: Font einbinden funktioniert nicht?

werde es miri nachher noch laden, und local nachschauen auf xampp
hoffe ich finde es so schnell es geht für dich

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

werde es miri nachher noch laden, und local nachschauen auf xampp
hoffe ich finde es so schnell es geht für dich

Danke im vorhinein.

 

[cythux]

AW: Font einbinden funktioniert nicht?

Habe mal ein andere Fontface Kit Font free geladen (kristi_medium_macroman) - als Aternative genutzt, mit dieser hat es ohne Probleme Funktioniert. Also fehlte bei Deiner Fonts einige Dateien. Bei den Googlefonts habe ich leider nur die Arizonia gefunden - jedoch sah die nicht so gut aus

Sogar ein .htaccess ist eingebaut
und auch jquery local/und via cdn

 

[BlackBoSs]

AW: Font einbinden funktioniert nicht?

Habe mal ein andere Fontface Kit Font free geladen (kristi_medium_macroman) - als Aternative genutzt, mit dieser hat es ohne Probleme Funktioniert. Also fehlte bei Deiner Fonts einige Dateien. Bei den Googlefonts habe ich leider nur die Arizonia gefunden - jedoch sah die nicht so gut aus

Sogar ein .htaccess ist eingebaut
und auch jquery local/und via cdn

wo ist der unterschied zwischen deinem font face und meinem ?

@font-face {
font-family: 'kristimedium';
src: url('../fonts/Kristi-webfont.eot');
src: url('../fonts/Kristi-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Kristi-webfont.woff') format('woff'),
url('../fonts/Kristi-webfont.ttf') format('truetype'),
url('../fonts/Kristi-webfont.svg#kristimedium') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'arizonia-regular';
src: url('../fonts/arizonia-regular-webfont.eot');
src: url('../fonts/arizonia-regular-webfont.eot?iefix') format('eot'),
url('../fonts/arizonia-regular-webfont.woff') format('woff'),
url('../fonts/arizonia-regular-webfont.ttf') format('truetype'),
url('../fonts/arizonia-regular-webfont.svg#webfontjSpbZQRv') format('svg');
font-weight: normal;
font-style: normal;
}



ich habe es also eh auch richtig gemacht?
mit einem anderen font sollte es funktionieren dann ? wenn ich bei google fonts es suche oder einen ähnlichen font finde?

 

[cythux]

AW: Font einbinden funktioniert nicht?

Ja habe den Arizonia leider nur so gefunden, nicht als Regular bei google Webfonts
ist auch noch so eingefunden in der css nur aus markiert.

Ich habe auch keinen unterschied gesehen, da deswegen gehe ich bei Deiner Version die du bei fontsquirl oder so her hast - das dort der Fehler irgendwo in den Schriften zu finden ist.

Habe den auch gefunden, jedoch nur als Kaufversion

Ja sollte gehen, dies Kristi war auch noch ne Free Font Face, hatte es auf jedemenge Versuche probiert den Font zum laufen zu bringen, so gar mittels fontloader - jedoch funktionierte der nicht bei den von Fontsquirl