1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Schriften einbinden mit @font-face

Dieses Thema im Forum "Design" wurde erstellt von mteepee, 18. Juni 2017.

  1. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    424
    Zustimmungen:
    9
    Hallo Forum,
    ich habe bei Linotype.com ein Webfont lizensiert, den ich nun gerne auf meiner Webseite einbinden möchte - leider bisher ohne Erfolg.

    Ich muss hierzu den Ordner Fonts mit den Schriftarten auf meinen Webserver hochladen - das habe ich getan. Der liegt jetzt hier:
    /praxis-sabo.de/wp-content/themes/mokachildthemefolder/Fonts/1475802

    Nun sagt die Anleitung von Linotype, dass ich den CSS Code einbinden soll:

    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=6da371b1-7e0b-453c-a527-43fc365bdf06&fontids=1475802");
    @font-face{
    font-family:"Futura LT W04 Book1475802";
    src:url("Fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix");
    src:url("Fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix") format("eot"),url("Fonts/1475802/5f081b13-e570-4277-9283-091a6f6cab04.woff2") format("woff2"),url("Fonts/1475802/588b3f3a-c193-4962-8e01-d4caef90f58b.woff") format("woff"),url("Fonts/1475802/cdced636-4488-4c04-809c-e6e1379600ec.ttf") format("truetype");
    }


    Nun weiss ich nicht, ob ich die URL/PFad noch anpassen muss und wenn ja, wie genau?
    Kann ich den CSS Code einfach in die Style.css Datei des Childthemes einbinden?

    Was genau mache ich falsch? Danke für eure Hilfe!

    LG Marco
     
  2. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    Wie bindest du die Fonts per font-family ein?
     
  3. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    424
    Zustimmungen:
    9
    Genau das ist mein Problem...

    ich habe die Fonts hochgeladen
    ich kann das CSS einbinden (derzeit nicht) - da müsste ich wissen, ob ich die URLS noch anpassen muss

    Und dann weiss ich nicht mehr weiter: ich will dann global die Schriften umstellen - für alle Seiten, Überschriften etc.
     
  4. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    Link zur Seite?
     
  5. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    424
    Zustimmungen:
    9
  6. mteepee

    mteepee Well-Known Member

    Registriert seit:
    23. Januar 2012
    Beiträge:
    424
    Zustimmungen:
    9
    Habe jetzt mal den vorgegeben CSS Code in Style.css des Childthemes eingebunden:



    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=6da371b1-7e0b-453c-a527-43fc365bdf06&fontids=1475802");
    @font-face{
    font-family:"Futura LT W04 Book1475802";
    src:url("Fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix");
    src:url("Fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix") format("eot"),url("Fonts/1475802/5f081b13-e570-4277-9283-091a6f6cab04.woff2") format("woff2"),url("Fonts/1475802/588b3f3a-c193-4962-8e01-d4caef90f58b.woff") format("woff"),url("Fonts/1475802/cdced636-4488-4c04-809c-e6e1379600ec.ttf") format("truetype");
    }


    Was muss ich jetzt noch machen, damit der Font gezogen wird?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden