Googlefont in Twenty twelve einbinden

    Hallo,
    ich versuche eine andere Schrift (Google fonts - Amatic SC) in twenty twelve einzufügen, leider ohne Erfolg. Bin im Netz auch nicht fündig geworden. Kann mir jemand helfen.

    Danke!

    • Gerade eben
    • 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

    beispiel:

    PHP
    //google fonts
function twentytwelve_load_google_fonts() {  wp_register_style('googleFontsAmaticSC','http://fonts.googleapis.com/css?family=Amatic+SC:400,700');
            wp_enqueue_style( 'googleFontsAmaticSC'); 
     
}
add_action('wp_print_styles', 'twentytwelve_load_google_fonts');

    in functions.php einfuegen.

    dann in style.css anwenden, zB mit:

    Code
    .entry-title { font-family: 'Amatic SC', arial, sans-serif; }

    oder plugins:
    http://wordpress.org/plugins/search.php?q=google+fonts

    web-suche sollte auch einige anleitungen ergeben: 'google fonts wordpress'

    Hallo,
    vielen Dank! Leider verändert sich die Schrift nicht. Bilde mirein, es genauso wie oben beschrieben gemacht zu haben. Ich weiß nicht , was ich falsch mache. Habe vorher schon alle möglichen Anleitungen aus dem Web ausprobiert. Versuche es jetzt mit dem Plugin. Vielen Dank für den Hinweis.

    Hier ist die Seite:

    http://www.gundi-petzinna.de

    Viele Grüße!

    Zitat

    Leider verändert sich die Schrift nicht

    welches element soll die neue schrift bekommen?

    wo und was hast du neu in style.css eingefuegt?


    [FONT=courier new][COLOR=#0000cd].entry-title { }[/COLOR][/FONT] war nur ein beispiel da du nicht angegeben hattest fuer welches element die neue schrift sein sollte.

    Hallo, sorry ich habe die Seite verwechselt: http://www.ute-faber.de. Hier versuche ich, die Schrift des Menus zu verändern.

    }
    .site-header h1 {
    font-size: 26px;
    font-size: 1.857142857rem;
    line-height: 1.846153846;
    margin-bottom: 0;
    font-family: Amatic SC;
    }

    VIELEN DANK für die Unterstützung!

    Öffne die header.php des Themes und füge dort den Code, den Dir Google für Deine ausgewählte Font anzeigt, ein. Der Code muss zwischen <head></head> stehen.

    Font-Anweisungen sollten
    a) korrekt sein und
    b) einen Fallback haben.

    CSS
    /* Festlegen der Font für mehrere Elemente */
[COLOR=#333333]h1, h2, h3, h4, h5, h6, .widget-title {[/COLOR]
[COLOR=#333333]    font-family: 'Amatic SC', Helvetica, Arial, sans !important;[/COLOR]
[COLOR=#333333]}[/COLOR]

    Der !important Flag sorgt dafür, dass andere Anweisungen überschrieben werden.

    Zitat

    die Schrift des Menus zu verändern.


    .site-header h1

    sehr wahrscheinlich nicht der richtige selektor;

    fuer's menue versuch:

    Code
    .main-navigation a  { font-family: 'Amatic SC', verdana, sans-serif; font-size: 200%; }

    nb:
    font-namen die aus mehr als einem wort bestehen, muessen in anfuehrungszeichen gesetzt werden; http://www.w3schools.com/css/css_font.asp

    Hallo,
    den google code in die header php eingefügt - darunter den angebenen:

    /* Festlegen der Font für mehrere Elemente */ [COLOR=#333333]h1, h2, h3, h4, h5, h6, .widget-title {[/COLOR] [COLOR=#333333] font-family: 'Amatic SC', Helvetica, Arial, sans !important;[/COLOR] [COLOR=#333333]}

    , der jetzt sichtbar ist (- habs mal gelassen: http://www.ute-faber.de)

    und


    [/COLOR]


    .main-navigation a { font-family: 'Amatic SC', verdana, sans-serif; font-size: 200%; }ins stylesheet eingefügt.

    Es ist wie verhext. Irgendwas verstehe ich da nicht.

    Danke trotzdem für die Mühe.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden