Hilfe! Schrift mit @font-face einbinden

  • Hallo zusammen! Ich hoffe ihr könnt mir helfen! Bin neu hier im Forum und auch noch "Anfängerin" was CSS angeht.
    Ich mache gerade meine Website mit Wordpress und möchte eine eigene Schriftart (keine goole font) einbinden. Habe dazu viel recherchiert und bin auf die @font-face Regel gestoßen.

    Mein Hosting hab ich bei 1&1.

    Nun habe ich folgendes in mein CSS eingegeben:

    @font-face {
    font-family: TrueLies;
    src:url(/.opcache/6d2f8cbf3a4482f728846638d8ec0a92/homepages/10/d623687378/htdocs/clickandbuilds/AnnaNeumannPhotographie/wp-content/themes/sydney/fonts);
    }

    Den Link habe ich von meinem 1&1 Webspace Explorer. Foto im Anhang.
    Danach sollte ich die Schrift ja ansprechen können aber es funktioniert nicht
    Ich vermute mal, dass mein Link falsch ist.. aber ich komm nicht drauf. Muss ich davor und dahinter noch ".." einsetzen? Habe ich aber auch versucht und hat nichts genutzt.

    Ich hoffe auf Hilfe,
    DANKE!

  • Hallo modem-kind,
    Danke für deine Antwort. Hat leider nichts geholfen, obwohl ich alles beachtet habe.
    Ich glaube das Problem liegt darin, dass ich keine gültige URL habe. Aber wo kriege ich die her?
    Weiß das jemand? :D Also wo finde ich den Pfad zu meiner Schrift?Benutze einen Mac..

    Liebe Grüße
    Nicole

    - - - Aktualisiert - - -

    Habe hier nochmal ein Foto, von dem, was ich bei wordpress eingegeben habe:

    Die URL habe ich nämlich mittlerweile rausgefunden.
    Aber es funktionert einfach niicht :(

    HILFE! Das kann doch nicht so schwer sein.

  • naja
    bei dem Pfad von Dir..
    src:url(/.opcache/6d2f8cbf3a4482f728846638d8ec0a92/homepages/10/d623687378/htdocs/clickandbuilds/AnnaNeumannPhotographie/wp-content/themes/sydney/fonts);

    der wird ja vllt richtig sein...
    aber Du verweist da ja auf auf gar keine schriftdatei -- xyz.ttf -zb.

    und die Anführungszeichen sehe auch nicht in deiner Zeile..

    so ich muss jetzt schnell los bis..

  • Ja aber ich habe mich nochmal korriegiert. Mittlerweile steht bei mir folgendes:
    @font-face {
    font-family: TrueLies;
    src:url('file:///Users/Nicole/Downloads/true_lies/True%20Lies.ttf'), format('truetype');
    }

    Hier auch nochmal als Foto:

    Es funktioniert leider nicht. :(

  • Hallo nntt20
    das zuletzt gepostete von Dir ist Grausam :)

    schreib mal..


    @font-face {
    font-family: TrueLies;
    src:url('../.opcache/6d2f8cbf3a4482f728846638d8ec0a92/homepages/10/d623687378/htdocs/clickandbuilds/AnnaNeumannPhotographie/wp-content/themes/sydney/fonts/True Lies.ttf') format('truetype');
    }


    und dann musst Du natürlich die Schrift auch irgendwo zuweisen..

    zb.
    h2 {
    font-family: TrueLies;

    }

    oder:
    body {
    font-family: TrueLies;
    }

    oder beides.. :)

    und an dieser Stelle bitte KEIN Komma
    ................................................ey/fonts/True Lies.ttf') , format('truetype'); <= falsch
    ................................................ey/fonts/True Lies.ttf') format('truetype'); <= richtig

    Das %20 - in der True Lies.ttf ..angabe am Schluß kannst Du weg lassen..


    Wenn Deine Ordner alle wirklich alle so heißen wie es da steht sollte es Funktionieren !
    ( ein falsches Zeichen darin- und das klappt nicht .. klar nä..)

    Gruß modem-kind

    Einmal editiert, zuletzt von modem-kind (5. Juni 2016 um 11:23)