{"id":240992,"date":"2022-04-02T10:39:00","date_gmt":"2022-04-02T07:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=240992"},"modified":"2021-10-27T14:33:50","modified_gmt":"2021-10-27T11:33:50","slug":"so-aendern-sie-schriftarten-in-wordpress-der-einfache-weg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-aendern-sie-schriftarten-in-wordpress-der-einfache-weg\/","title":{"rendered":"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]"},"content":{"rendered":"<p>M\u00f6chten Sie die auf Ihrer WordPress-Site verwendete Schriftart \u00e4ndern?<\/p>\n<p>Mit den richtigen Tools ist es ganz einfach, die Schriftart Ihrer Website zu \u00e4ndern oder mehrere neue Schriftarten hinzuzuf\u00fcgen. Folgen Sie diesem kurzen Tutorial, und in den n\u00e4chsten Minuten wird eine neue Schriftart auf Ihrer Website angezeigt.<\/p>\n<h2>So verwenden Sie einfache Google-Schriften<\/h2>\n<p>Der beste Weg, um die Schriftart auf Ihrer Website zu \u00e4ndern, ist das <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Easy Google Fonts-<\/a> Plugin.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fca7150.png\" alt=\"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]\" \/><\/a><\/p>\n<p>Dieses Plugin bietet Ihnen Zugriff auf Hunderte verschiedener Schriftarten, die Sie auf Ihrer Website verwenden k\u00f6nnen. Bevor wir mit dem Plugin fortfahren, nehmen wir uns einen Moment Zeit, um zu erkl\u00e4ren, was Google Fonts ist.<\/p>\n<p><strong>Update:<\/strong> Mein neues Video-Tutorial f\u00fchrt Sie durch die Schritte (es verwendet ein anderes Plugin als das in diesem Tutorial).<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/_CZCfFl59iE\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnieren Sie Compete Themes auf Youtube<\/a><\/p>\n<h3>Was sind Google-Fonts?<\/h3>\n<p><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts<\/a> bietet Zugriff auf Hunderte von Schriftarten, die auf jeder Website kostenlos verwendet werden k\u00f6nnen. F\u00fcr jeden Webentwickler, der seiner Website eine Schriftart hinzuf\u00fcgen m\u00f6chte, macht Google Fonts es einfach.<\/p>\n<p>Wenn Sie die Besonderheiten des Erstellens von Websites nicht kennen, kommt hier das Easy Google Fonts-Plugin ins Spiel. Es \u00fcbernimmt die technischen Teile f\u00fcr Sie, Sie m\u00fcssen also nur die Schriftarten ausw\u00e4hlen, die Ihnen gefallen.<\/p>\n<p>Ich habs? Gro\u00dfartig, lassen Sie uns diese Schriftarten hinzuf\u00fcgen!<\/p>\n<h3>Erstellen Sie Ihre Schriftartensteuerung<\/h3>\n<p>Wenn Sie das Plugin aktivieren, finden Sie unter Einstellungen einen neuen Google Fonts-Men\u00fcpunkt hinzugef\u00fcgt. Auf dieser Seite finden Sie die folgenden Optionen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" alt=\"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]\" ><\/a><\/p>\n<p>Sie werden Ihrem &quot;Schriften-Steuerelement&quot; sp\u00e4ter Schriftarten zuweisen, sodass Sie mehrere Schriftarten-Steuerelemente mit unterschiedlichen Schriftarten und Einstellungen haben k\u00f6nnen. Im Moment m\u00fcssen Sie nur Ihrem Schriftarten-Steuerelement einen Namen geben.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" alt=\"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]\" ><\/a><\/p>\n<h3>CSS-Selektor hinzuf\u00fcgen<\/h3>\n<p>Unter dem Namen des Steuerelements befindet sich ein Feld, in dem Sie die CSS-Selektoren definieren k\u00f6nnen, die Sie verwenden m\u00f6chten. Wenn Sie nicht wissen, was ein CSS-Selektor ist, ist das kein Problem.<\/p>\n<p>Es werden standardm\u00e4\u00dfig drei CSS-Selektoren hinzugef\u00fcgt. Klicken Sie jeweils auf das \u201ex&#8220;, um sie zu entfernen. Geben Sie nach dem Entfernen ein Sternchen (*) ein und dr\u00fccken Sie die Eingabetaste. Die CSS-Selektoren-Einstellung sollte jetzt so aussehen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" alt=\"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]\" ><\/a><\/p>\n<p>Das Sternchen ist ein CSS-Selektor, der auf jedes HTML-Element auf der Site abzielt. Mit anderen Worten, Sie haben Easy Google Fonts gerade angewiesen, Ihre neue Schriftart f\u00fcr den gesamten Text auf der Website zu verwenden.<\/p>\n<h3>Stile \u00fcberschreiben erzwingen<\/h3>\n<p>Ich empfehle, auch das Kontrollk\u00e4stchen &quot;Stile \u00fcberschreiben erzwingen&quot; zu aktivieren. Dadurch wird sichergestellt, dass die von Ihnen gew\u00e4hlte Schriftart die im Design verwendeten Schriftarten \u00fcberschreibt. Die Verwendung dieser Option hat keine Nachteile, Sie k\u00f6nnen sie also genauso gut \u00fcberpr\u00fcfen, um eine Minute zu sparen, wenn die Schriftarten ohne sie nicht \u00fcberschrieben werden.<\/p>\n<h3>W\u00e4hle deine neue Schriftart<\/h3>\n<p>Da Easy Google Fonts nun wei\u00df, welche Teile Ihrer Website betroffen sind, k\u00f6nnen Sie ihm mitteilen, welche Schriftart verwendet werden soll.<\/p>\n<p>Rufen Sie den Customizer auf, um mit der Auswahl der Schriftart zu beginnen (Darstellung &gt; Anpassen). Klicken Sie dort auf den neuen Abschnitt Typografie.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" alt=\"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]\" ><\/a><\/p>\n<p>EGF funktioniert hervorragend mit dem Thema <a href=\"https:\/\/www.competethemes.com\/period\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Periode<\/a>.<\/p>\n<p>In diesem Abschnitt werden zwei neue Unterabschnitte angezeigt: Standardtypografie und Thementypografie. Klicken Sie auf den Abschnitt Thema Typografie.<\/p>\n<p>Sie sehen nun das zuvor genannte Steuerelement. Klicken Sie auf die Schaltfl\u00e4che Schriftart bearbeiten, um die Anpassungsoptionen anzuzeigen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" alt=\"So \u00e4ndern Sie Schriftarten in WordPress [Der einfache Weg]\" ><\/a><\/p>\n<p>Es gibt einige Optionen, aber nur zwei m\u00fcssen Sie bearbeiten.<\/p>\n<h3>\u00c4ndern Sie das Skript\/die Untermenge<\/h3>\n<p>Schriftarten verf\u00fcgen \u00fcber Zeichens\u00e4tze, die f\u00fcr verschiedene Sprachen ausgelegt sind. Wenn Ihre Site auf Englisch ist, w\u00e4hlen Sie die erste Option, Latein.<\/p>\n<p>Wenn Sie \u201eAlle Teilmengen&#8220; w\u00e4hlen, werden die Schriftdateien viel gr\u00f6\u00dfer und die Ladezeiten verl\u00e4ngert.<\/p>\n<h3>W\u00e4hlen Sie die Schriftfamilie<\/h3>\n<p>Hier k\u00f6nnen Sie endlich Ihre neue Schriftart ausw\u00e4hlen. Wenn Sie verschiedene Schriftarten ausw\u00e4hlen, wird Ihre Website sofort aktualisiert.<\/p>\n<p>Dies ist zwar sicherlich eine gro\u00dfartige M\u00f6glichkeit, Schriftarten in der Vorschau anzuzeigen und zu \u00e4ndern, aber es ist keine effiziente Methode zum Durchsuchen.<\/p>\n<p>Ich empfehle Ihnen, <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts zu<\/a> besuchen, das zum Durchsuchen und Finden von Schriftarten gut konzipiert ist. Wenn Sie einige Schriftarten gefunden haben, die Ihnen gefallen, kehren Sie zu Ihrer Website zur\u00fcck und probieren Sie sie mit Easy Google Fonts aus<\/p>\n<h2>Hinzuf\u00fcgen und Anpassen weiterer Schriftarten<\/h2>\n<p>Hoffentlich lieben Sie Ihre neue Schriftart inzwischen, aber mit Easy Google Fonts k\u00f6nnen Sie noch viel mehr tun.<\/p>\n<p>Erinnern Sie sich an den Abschnitt Standardtypografie von fr\u00fcher? Damit k\u00f6nnen Sie Ihre \u00dcberschriften und Abs\u00e4tze anpassen. Dar\u00fcber hinaus m\u00fcssen Sie nicht nur die Schriftfamilie \u00e4ndern, sondern k\u00f6nnen auch die Schriftgr\u00f6\u00dfe und -farbe \u00e4ndern. Und wenn Sie mit einigen CSS-Selektoren vertraut sind, k\u00f6nnen Sie die Schriftart in jedem einzelnen Teil Ihrer Website anpassen.<\/p>\n<p>Wenn Sie Fragen zum \u00c4ndern von Schriftarten mit WordPress oder eine Anfrage f\u00fcr ein neues Tutorial haben, hinterlassen Sie bitte unten einen Kommentar.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Haben Sie 5 Minuten? Folgen Sie diesem kurzen Tutorial, um das beste Plugin zum \u00c4ndern von Schriftarten zu entdecken und wie Sie es auf Ihrer WordPress-Site implementieren.<\/p>\n","protected":false},"author":1,"featured_media":257299,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-240992","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-anpassen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/240992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=240992"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/240992\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/257299"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=240992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=240992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=240992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}