{"id":1081,"date":"2016-01-07T15:59:45","date_gmt":"2016-01-07T13:59:45","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=1081"},"modified":"2025-05-15T17:59:43","modified_gmt":"2025-05-15T15:59:43","slug":"so-fugen-sie-mit-fontface-css3-eine-benutzerdefinierte-schriftart-zu-einem-wordpress-theme-hinzu","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/de\/comment-ajouter-une-police-personnalisee-a-un-theme-wordpress-avec-fontface-css3\/","title":{"rendered":"So f\u00fcgen Sie mit @fontface CSS3 eine benutzerdefinierte Schriftart zu einem WordPress-Theme hinzu"},"content":{"rendered":"<p>Das Deklarieren einer benutzerdefinierten Schriftart in Ihrem WordPress-Theme ist sehr n\u00fctzlich, um es zu personalisieren und an Ihre Grafikcharta anzupassen. Manchmal ist die Schriftart Ihrer Tr\u00e4ume jedoch weder in Ihren Designoptionen noch in Google Fonts oder TypeKit zu finden.<\/p>\n<p>In diesem Fall m\u00fcssen Sie Ihr Design ein wenig anpassen, um die gew\u00fcnschte Schriftart hinzuzuf\u00fcgen. Aber keine Panik, ich erkl\u00e4re dir, wie es geht!<\/p>\n<h2>Laden Sie die Schriftart herunter<\/h2>\n<p>Zun\u00e4chst m\u00fcssen Sie \u00fcber die Schriftart verf\u00fcgen, indem Sie sie entweder von Schriftarten-Websites wie herunterladen <a href=\"http:\/\/www.dafont.com\/fr\" target=\"_blank\" rel=\"noopener\">dafont<\/a> zum Beispiel, oder auf eigene Faust.<\/p>\n<p>Beachten Sie das Urheberrecht, das Sie respektieren m\u00fcssen. Z\u00f6gern Sie nicht, die Schriftart bei Bedarf zu kaufen. Sie werden nur diejenigen bezahlen, die daran gearbeitet haben, damit Sie Freude daran haben!<\/p>\n<p>TTF- und OTF-Formate sind derzeit weit verbreitet und mit den meisten Browsern kompatibel. Wenn Sie die Schriftart jedoch in andere Formate konvertieren m\u00fcssen, gehen Sie zu <a href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"noopener\">Schriftart Eichh\u00f6rnchen<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2>Laden Sie die Schriftart auf Ihren Server hoch<\/h2>\n<p>Laden Sie Ihre Schriftart per FTP in einen \u201eFonts\u201c-Ordner in Ihrem Theme (vorzugsweise untergeordnetes Theme) hoch.<\/p>\n<p>&nbsp;<\/p>\n<h2>Deklarieren Sie Ihre neue Schriftart in Ihrem CSS<\/h2>\n<p>Gehen Sie zur CSS-Datei des untergeordneten Themes, wenn Sie die Schriftart im Ordner \u201efonts\u201c des untergeordneten Themes hochgeladen haben, andernfalls in der CSS-Datei des \u00fcbergeordneten Themes oder in den Einstellungen Ihres Themes, wenn Sie CSS \u00fcber anpassen k\u00f6nnen das WordPress-Backoffice. So geht&#039;s:<\/p>\n<pre>@font-face { Schriftfamilie: myfont; src: url(&quot;fonts\/mapolice.otf&quot;); src: url(fonts\/mapolice.ttf) format(&#039;truetype&#039;); Schriftst\u00e4rke: normal; }\n\n<\/pre>\n<h2>Verwenden Sie die neue Schriftart \u00fcber CSS<\/h2>\n<p>Um Ihre neu deklarierte neue Schriftart zu verwenden, ist nichts einfacher: Sie m\u00fcssen der CSS-Datei lediglich mitteilen, welchen Formaten Sie die Schriftart zuweisen m\u00f6chten:<\/p>\n<p>&nbsp;<\/p>\n<pre>p,span {Schriftfamilie: Mapolice, Open Sans, Arial, Sans-Serif !important;} h1,h2,h3,h4,h5,h6 {Schriftfamilie: Mapolice, Open Sans, Arial, Sans-Serif !important ;} ;} div {Schriftfamilie: Mapolice, Open Sans, Arial, Sans-Serif !important;}<\/pre>\n<p>Und da haben Sie es: Wenn Ihnen dieser Artikel geholfen hat, z\u00f6gern Sie nicht, ihn in sozialen Netzwerken zu teilen \ud83d\ude09<\/p>","protected":false},"excerpt":{"rendered":"<p>D\u00e9clarer une custom font (police personnalis\u00e9e) dans votre th\u00e8me WordPress s&rsquo;av\u00e8re tr\u00e8s utile pour le personnaliser et l&rsquo;adapter \u00e0 votre charte graphique. Or, il arrive que la police d&rsquo;\u00e9criture de vos r\u00eaves ne se trouve ni dans les options de votre th\u00e8me, ni sur Google Fonts ou TypeKit. Dans ce cas, il va falloir bidouiller [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":1083,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[164],"class_list":["post-1081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-snippets","tag-tips-wordpress"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/1081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/comments?post=1081"}],"version-history":[{"count":1,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/1081\/revisions"}],"predecessor-version":[{"id":5313,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/1081\/revisions\/5313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/media\/1083"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/media?parent=1081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/categories?post=1081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/tags?post=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}