-
AuthorPosts
-
March 27, 2017 at 5:23 pm #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
March 27, 2017 at 5:55 pm #767594wenn 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 Listesollten 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 Themesadd_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.March 27, 2017 at 6:34 pm #767614Super 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.
March 27, 2017 at 7:02 pm #767637Hi 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
March 27, 2017 at 7:24 pm #767650fü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 Transformweiteres muss du dann via css einstellen zB letter-spacing (Zeichenabstand) etc.
March 27, 2017 at 7:25 pm #767651Perfekt. DANKE!!!!
March 27, 2017 at 7:29 pm #767655neuerdings gibt es wohl auch schon ein word-spacing. (Wortabstände) mit genügend großer Browsersupport Unterstützung
http://caniuse.com/#search=word-spacingMarch 28, 2017 at 3:06 pm #768184 -
AuthorPosts
- You must be logged in to reply to this topic.