+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Probleme mit @font-face

  1. #1
    Neu an Board
    Registriert seit
    26.01.2007
    Beiträge
    40
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Frage Probleme mit @font-face

    Hallo,
    ich versuche gerade @font-face in men Template einzubinden. Das funktioniert im Google Chrome auch ganz gut. Firefox und IE machen leider Probleme. Ich benutze Joomla 1.5.23 und die YAML Komponente für Joomla (jyaml).

    In der basemod.css habe ich folgendes eingetragen:

    Code:
    @font-face {
        font-family: Exotc350DmBdBTDemiBold;
        src: url("../../../fonts/exotc350_dmbd_bt_demi-bold_wwww.font-cat.com-webfont.eot");
    	src: local(Exotc350DmBdBTDemiBold);
        src: url("exotc350_dmbd_bt_demi-bold.eot?#iefix") format("embedded-opentype");
        src: url("exotc350_dmbd_bt_demi-bold.woff") format("woff");
        src: url("exotc350_dmbd_bt_demi-bold.ttf") format("truetype");
        src: url("exotc350_dmbd_bt_demi-bold.svg#Exotc350DmBdBTDemiBold") format("svg");
        font-weight: normal;
        font-style: normal;
    
    }
    Der Auferuf wird dann so gemacht:

    Code:
      #col2 h3	{
    	color:#666;
    	padding:5px;
    	font-family: "Exotc350DmBdBTDemiBold";
    	font-size:24px;    
      }
    Im Chrome, Safari und IE im Kompatibilitätsmodus funktioniert es sehr gut.
    Leider funktioniert es im Firefox und im IE mit ausgeschaltetem Kompatibilitätsmodus nicht.

    Weiß Jemand woran es liegen könnte? @font-face wird ja von allen aktuellen Browsern unterstützt.

    In einer Testdatei (einfache HTML-Datei ohne Joomla) funktioniert es übrigens in allen Browsern.

  2. #2
    Neu an Board Avatar von Niels85
    Registriert seit
    26.01.2009
    Ort
    Buchholz in der Nordheide
    Alter
    26
    Beiträge
    51
    Bedankte sich
    1
    Erhielt 9 Danksagungen
    in 6 Beiträgen

    Standard

    ich mach das eigentlich auch so probier mal die Seite http://www.font2web.com/.
    und nimm von den den CODE.

    Hier noch eine Seite http://nicewebtype.com/notes/2009/10...css-font-face/.

    Hast du sonst mal ein LINK vielleicht wird auch H3 durch irgendeine CSS anweisung überschrieben.

    oder probier mal

    font-family: "Exotc350DmBdBTDemiBold" !important;

  3. #3
    Neu an Board
    Registriert seit
    26.01.2007
    Beiträge
    40
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo,
    erst mal Danke für deine Hilfe.
    !important; brachte leider keine Änderung. Habe auch mal den Code von http://www.font2web.com/ ausprobiert, auch keine Änderung.
    Ich werde mir mal den Code von YAML genauer anschauen. Vielleicht wird doch irgendwo was überschrieben.

  4. #4
    @ss
    @ss ist offline
    Neu an Board Avatar von @ss
    Registriert seit
    15.08.2006
    Ort
    Schweiz
    Beiträge
    68
    Bedankte sich
    9
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Cool! Bei mir hat's einwandfrei geklapt!

    Danke Dir!
    Joomla! Version: Joomla! 1.5.9 Stable
    Relevant PHP Settings: Safe Mode:OFF / File Uploads:ON / register_globals: off

  5. #5
    Verbringt hier viel Zeit Avatar von dette
    Registriert seit
    02.12.2010
    Ort
    NRW
    Beiträge
    984
    Bedankte sich
    527
    Erhielt 23 Danksagungen
    in 22 Beiträgen

    Standard

    Hallo,

    ich habe auf der xampp-Installation das mit fontface hinbekommen. Nun habe ich die Dateien auf den Server geschoben und da wird die BriskSchrift nicht angenommen. http://web.fotoyeh.de/

    Ich gebe zu, ich habe die Schrift nicht in eot und woff sondern nur ttf, aber da es direkt auf meiner Festplatte funktioniert hatte, machte ich mir weiter keine Gedanken deshalb. Funktioniert ttf evtl. nur auf der Festplatte?

    Bei mir sieht es so aus

    @font-face {
    font-family: 'Brisk';
    src: url("../fonts/BRISKN.TTF");
    src: local('Brisk'), local('Brisk'),
    url("../fonts/BRISKN.TTF");
    }

    und weiter unten

    h1 {
    font-family: 'Brisk';
    font-size:2em;
    line-height:1;
    margin-bottom:0.5em;
    color: #000;
    }

    Die Schrift ist auch im font Ordner hinterlegt.

    Falls die Schrift auch in den anderen Formaten vorliegen muss, wie wandel ich die um?

    Danke im Voraus.
    Geändert von dette (02.01.2012 um 16:26 Uhr)
    Liebe Grüße dette
    www.fotoyeh.de & www.declex.de, http://roh-kostbar.de/
    Joomla 1.5.25, VM 1.1.9, Joomla 2.5.4 Joomshopping 3.6.1

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein