Schriften einbinden mit @font-face

  • 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?apiTy…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

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • 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.

  • Habe jetzt mal den vorgegeben CSS Code in Style.css des Childthemes eingebunden:


    @import url("https://fast.fonts.net/lt/1.css?apiTy…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?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!