Twenty-twelve: Menü Schriftart ändern möglich?

  • Moin zusammen,

    ich suche mir schon seit Tagen die Finger wund, weil ich die Schriftart des Navigationsmenüs gerne in eine sogenannte Engschrift ändern würde, damit das Menü nicht in zwei Zeilen angezeigt wird. Nun habe ich den Google-Font "Oswald" eingebettet, passt wunderbar, verlängert aber die Ladezeit der Seite (http://www.rudelurlaub.de).
    Jetzt suche ich nach einer Möglichkeit, einen entsprechenden Free Font in die Wordpress-Installation einzubetten, damit die Ladezeit wieder sinkt. Alle bisher gefundenen Tipps funktionieren zwar mit Beiträgen und Seiten, aber wenn ich in in der Style.css mittels @font-face die Schriftart einbinde und mit .main-navigation li a entsprechend zuordne, tut sich nichts. Mit Firebug wird die Schriftart zwar angezeigt, auf dem Bildschirm sehe ich allerdings nur Times Roman.
    Ich weiss nicht mehr weiter. Kennt möglicherweise jemand eine Möglichkeit, meinen Wunsch umzusetzen?
    Alternativ wäre auch denkbar, den Abstand zwischen den einzelnen Menüpunkten zu verringern, da bin ich allerdings auch noch nicht fündig geworden. Jede Hilfe ist willkommen. Merci vorab.

    Es genügt nicht, keine Gedanken zu haben, man muss auch unfähig sein, sie auszudrücken.

    • 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

  • Hallo Strammsky,

    die "Oswald" im Menü ist für mich sehr schlecht lesbar.

    Ich habe einen Speedtest bei gtmetrix.com gemacht. Die Seite braucht danach bei gut 1MB ca. 15 sek. Der erste Aufruf ist dabei sehr lange, der Font selbst braucht nur wenig. Versuche es mal mit einem Caching Plugin.

    Der Abstand der Navigationspunkte ist hier

    Code
    .main-navigation li {
    
    
        margin: 0 [COLOR=#ff0000]2.85714rem[/COLOR] 0 0;
    
    
        position: relative;
    }

    Da sehe ich gerade, dass du schon ein Optimierungs-Plugin nutzt. Versuche es mal mit Cachify von Sergej Müller.

  • Vielen Dank. Das hilft mir schon weiter. Die Ladezeit hat die meisten Verluste, bis zum firts byte, das mag aber auch am Server bei Strato liegen. Cachify habe ich schon probiert, allerdings stimmen dann die PIWIK-Ergebnisse nicht mehr. :-(

    Es genügt nicht, keine Gedanken zu haben, man muss auch unfähig sein, sie auszudrücken.

Jetzt mitmachen!

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