@fontface Firefox geht nicht!!

shadownight · 20.07.2013

Halo Community,

ich habe eine Seite an Wordpress angepasst, nun stellt sich folgendes Problem herraus:

Ich habe mittels @font-face im CSS code eine Font namens Cabin-Medium-TTF.ttf geladen doch leider nimmt Firefox das nur nicht bei den Standardseiten an aber im Chrome und den alten IE6 geht das komischer weise.

Habe die Elemente auch schon mit dem Firebug-Plugin untersucht und gesehen das die Font falsch geladen wird also habe ich ein Verzeichnis erstellt, wo er versucht die Font herraus zu laden, und die Font dort hinein kopiert, jetzt lädt er die Font auch aber stellt sie nicht dar.

Hier mal ein paar links:

Seitentemplate:

Verzeichnisse

hat er versucht zu laden -->

eigentlicher Pfad-->

Code im Stylesheet:

Code:

@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'Cabin', sans-serif;
	src: url(style/font/Cabin-Medium-TTF.ttf);
	font-weight: 400;
}

Hoffe ich konnte das einigermaßen gut erklären.

Entschuldigt die schlechte Rechtschreibung, bin Legastheniker.

Gruß Shadownight.

noltehans · 20.07.2013

AW: @fontface Firefox geht nicht!!

Hi Shadownight,

hast du vielleicht NoScript im Firefox installiert?

Dort ist nämlich per default (Eingebettete Objekte) das nachladen von Schriften mittels @font-face verboten.

Raphale · 20.07.2013

AW: @fontface Firefox geht nicht!!

Hi Shadownight,
versuch mal die Schriften immer mit '' in deiner css einzusetzten

nicht so:
font-family: cabin, Tahoma, Geneva, sans-serif;

sondern so:
font-family: 'cabin', Tahoma, Geneva, sans-serif;
ansonsten würde ich bei deiner Seite folgendes überprüfen:
 <html class="no-jes" lang="de-DE"> und den Doctype simple in HTML5 (<!DOCTYPE html>) du möchtest ja schließlich css3 und HTML5 funktionen nutzen (@font-face).

Ich hatte auch mal probleme mit dem Schriften einbinden...bei mir war die Lösung:
ganz am anfang der style.css :

@import url("cabin.css");
cabin.css:
@font-face { font-family: 'cabin'; src:url('style/font/Cabin-Medium-TTF.ttf'); }versuch an der stelle mal bei der url mit ''
('style/font/Cabin-Medium-TTF.ttf')

oder ohne wie gehabt :
(style/font/Cabin-Medium-TTF.ttf)

viel Glück

cythux · 21.07.2013

AW: @fontface Firefox geht nicht!!

Versuche mal die @fontface so einzubinden

shadownight · 21.07.2013

AW: @fontface Firefox geht nicht!!

hat leider alles nichts gebracht, das komische daran ist das es bei den Seitentemplates funktioniert.

cythux · 21.07.2013

AW: @fontface Firefox geht nicht!!

http://www.elmastudio.de/typografie/schriften-mit-font-face-einbetten-so-funktionierts/

P.s.: update 3.5.2 aufspielen

und erstelle am besten einen ordner fonts

Myhar · 22.07.2013

AW: @fontface Firefox geht nicht!!

Raphale schrieb:
den Doctype simple in HTML5 (<!DOCTYPE html>) du möchtest ja schließlich css3 und HTML5 funktionen nutzen (@font-face).

font-face ist
Was das Problem angeht: Bei mir wird die "Cabin" Schrift ohne Probleme im Firefox geladen.

shadownight · 22.07.2013

AW: @fontface Firefox geht nicht!!

hmm... wenn es bei dir geladen wird, sollte ich mal gucken ob ich vllt ne zu alte version von firefox habe, weil sonst habe ich echt keine Ahnung wieso es bei mir nicht geht.

cythux · 22.07.2013

AW: @fontface Firefox geht nicht!!

Also bei mir habe ich FF22 drauf

shadownight · 22.07.2013

AW: @fontface Firefox geht nicht!!

geht es denn bei dir?oder besser gefragt geht es bei allen?

cythux · 22.07.2013

AW: @fontface Firefox geht nicht!!

Unter der Webconsole werden mir einige Fehler angezeigt

HTML:

@font-face{
	font-family: 'Cabin', sans-serif;
	src: url('style/font/Cabin-Medium-TTF.ttf');
	src: url('style/font/Cabin-Medium-TTF.ttf');
	src: url('style/font/Cabin-Medium-TTF.ttf?#iefix') format('embedded-opentype'),,
	url('Cabin-Medium-TTF.ttf') format('truetype'),
	url('Cabin-Medium-TTF.ttf#LaneNarrowRegular') format('ttf');
	font-weight: normal;
	font-style: normal;
}

weiss jetzt nicht wofür dort style steht, würde dort eher auf themes ändern

so sieht bei mir ein Theme ordner aus

themes
-> css/
-> scss/
-> js/
-> images/
-> fonts/

shadownight · 22.07.2013

AW: @fontface Firefox geht nicht!!

also bei mir sieht das so aus:

js/
marquee/
slider/
style/
style/css/
style/font/
style/icon/
style/img/
style/oprandi/--->Für seiten Template, weil es eine eigene Info-Seite ist und andere header Images verwendet werden
style/partner

Aber ich denke da hat jeder seine eigene Art das aufzubauen.

Die Fehler werden bei mir auch angezeigt warum weiß ich jetzt auch nicht denn eigentlich ist alles richtig Programmiert und die Datein existieren und die Pfad angaben sind auch alle Richtig habe das mehrmals geprüft.

shadownight · 22.07.2013

AW: @fontface Firefox geht nicht!!

So hab es jetzt gelöst hab noch mal in der Headerdatei reingeschaut und lag daran das er noch die Style für das Menu geladen hatte wobei das eigentlich über das Plugin leuft -.-, das sucht man stunden lang und es ist sowas simples, wie ich es liebe

.

Aber danke für eure Hilfe.

Gruß Shadownight