Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #767575

    Hi,
    mein Anliegen bezieht sich auf die Einbindung von einem Google Font ins Enfold Child Theme. Die Url und den CSS Code habe ich. Jetzt ist meine Frage, wie bekomme ich diese eingebunden?

    Vielen lieben Dank!

    LG Pat

    #767594

    wenn damit gemeint ist, dass du die im Enfold Options Dialog als Text Font und als Überschriften-Font nutzen kannst habe ich mir immer die @import rules von google notiert – also zB:

    @import url(‘https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i’);

    Das hinter dem Gleichzeichen von family entspricht dem was du als Code benötigst (ohne Plus Zeichen)
    das im Code unten in der eckigen Klammer nach $fonts ist nur die Bezeichnung in der Liste

    sollten da bei Google Plus Zeichen zwischen den Font-Wörtern stehen, dann werden die durch Leertaster ersetzt.
    Folgenden Code dann in die functions.php deines Child Themes

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    $fonts['Source Sans Pro'] = 'Source Sans Pro:300,300i,400,400i,700,700i';
    return $fonts;
    }
    
    add_filter( 'avf_google_content_font',  'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    $fonts['Source Sans Pro'] = 'Source Sans Pro:300,300i,400,400i,700,700i';
    return $fonts;
    }

    Danach finden die Schriften sich am Ende der Liste (also nicht alphabetisch einsortiert) bei Enfold Optionen Fonts.
    Wenn es nur darum geht die Schriften im Quick Css zu nutzen dann reicht die Einbindung via css mit der @import oder mittels der Link Beziehung.

    #767614

    Super danke für die Antwort!

    Hi ok habe es gefunden. Habe es in die functions.php eingefügt und nur den Namen des Google Font geändert. Gibt es eine Möglichkeit die Überschrift per Befehl größer zu ziehen sodass der Abstand der einzelnen Wörter größer wird?

    DANKE

    • This reply was modified 7 years, 8 months ago by HsDsBb12.
    #767637

    Hi ok habe es gefunden. Habe es in die functions.php eingefügt und nur den Namen des Google Font geändert. Gibt es eine Möglichkeit die Überschrift per Befehl größer zu ziehen sodass der Abstand der einzelnen Wörter größer wird?

    DANKE

    #767650

    für sowas gibt es natürlich Css anweisungen.

    Du kannst aber auch dieses “Erweitertes Styling” nutzen in den Enfold Optionen.
    Oben neben dem Blauen Feld suchst du dir die Überschirften aus, die du bearbeiten möchtest: also entweder zB alle H1, H2, H3. etc.
    oder eben explizit nur die H2
    dann kannst du da schonmal vieles voreinstellen:
    Schriftfarbe
    Hintergrundfarbe
    Font Size
    Zeilenabstand
    Schriftart
    Font Weight
    Text Transform

    weiteres muss du dann via css einstellen zB letter-spacing (Zeichenabstand) etc.

    #767651

    Perfekt. DANKE!!!!

    #767655

    neuerdings gibt es wohl auch schon ein word-spacing. (Wortabstände) mit genügend großer Browsersupport Unterstützung
    http://caniuse.com/#search=word-spacing

    #768184

    Hi,

    Glad @Guenni007 could help!

    @Guenni007
    Thanks :)

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.