Schrift ändern in theme origin

  • Hallo,

    ich möchte für das Theme "origin" die Schrift ändern. Dazu habe ich im css Folgendes geschrieben:

    @font-face {
    font-family: 'oxygenbold';
    src: url('fonts/oxygen-bold-webfont.eot');
    src: url('fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oxygen-bold-webfont.woff') format('woff'),
    url('fonts/oxygen-bold-webfont.ttf') format('truetype'),
    url('fonts/oxygen-bold-webfont.svg#oxygenbold') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: 'oxygenregular';
    src: url('fonts/oxygen-regular-webfont.eot');
    src: url('fonts/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oxygen-regular-webfont.woff') format('woff'),
    url('fonts/oxygen-regular-webfont.ttf') format('truetype'),
    url('fonts/oxygen-regular-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    Die Schriften sind im Verzeichnis wp-content/themes/origin/fonts.

    Leider funktioniert das nicht. Wahrscheinlich, weil man im Backend über die Theme-Optionen eine Schrift festlegt. Wie kann ich das umgehen?
    Habe ich da einen Fehler / Denkfehler drin?

    Danke
    gst

    • 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

  • Da es die Schriftart bei Google gibt, wäre wohl die einfachste Lösung diese in folgende Datei des Themes einzubinden: /themes/origen/admin/customize.php

    Also einmal unter

    Code
    /* -------------- C O N T R O L S --------------- */
    
    
        /* Control: Font Family */
    .
    .
    .

    und zweimal uner

    Code
    /**
     * Enqueu Google fonts.
     *
     */
    function origin_google_fonts() {
    .
    .
    .

    Also genau wie die anderen, halt nur mit dem entsprechenden Namen deiner Schrift:

    Code
    href='http://fonts.googleapis.com/css?family=Oxygen'

    Damit die Änderungen nicht verloren gehen, beim nächsten Update, sollte das ganze aber in einem Child-Theme gemacht werden https://codex.wordpress.org/Child_Themes

    Einmal editiert, zuletzt von g3h (20. März 2014 um 22:53)

Jetzt mitmachen!

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