-
Posts
-
Hallo. Ich bin großer Fan eures Enfold-Theme und freue mich, dass es ständig weiterentwickelt wird. Macht weiter so! :-)
Zur Wahrung einer Corporate Identity müsste ich nun eine bestimmte Schriftart (“Foco” als Webfont) in Enfold installieren.
Leider ist diese nicht in GoogleFonts enthalten. Gibt es hierfür eine Anleitung, wie ich die Font installieren kann?Wäre schön, wenn jemand aus eurem Support in deutscher Sprache antwortet, da mein Englisch leider nicht so gut ist. Vielen Dank vorab.
Beste Grüße
EdeDu gehst auf https://www.fontsquirrel.com/tools/webfont-generator und lädst den font hoch, und dann das Paket herunter, was der Generator erzeugt. Im CSS sieht das dann (Im Beispiel Open Sans Font) so aus (Die Schriftdateien liegen hier im selben Verzeichnis wie die CSS-Datei):
@font-face { font-family: 'open_sansregular'; src: url('OpenSans-Regular-webfont.eot'); src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }Folgender Eintrag in der .htaccess könnte nötig sein:
AddType application/font-woff2 .woff2Hi,
I’ve tagged our german speaking moderator for the topic, please wait for his reply.
Regards,
RikardDanke erstmal für die schnellen Antworten – geht ja echt fix hier! :-)
In welche CSS-Datei muss ich den Code (bei Verwendung eines child-theme) kopieren?
Einfach in die styles.css?Leider nicht.
Ich habe die Schriftart bei Fontsquirrel hochgeladen und den CSS-Code in meine styles.css kopiert:
@font-face {
font-family: ‘lazy_spring_day_demoregular’;
src: url(‘lazy_spring_day_demo-webfont.eot’);
src: url(‘lazy_spring_day_demo-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘lazy_spring_day_demo-webfont.woff2’) format(‘woff2’),
url(‘lazy_spring_day_demo-webfont.woff’) format(‘woff’),
url(‘lazy_spring_day_demo-webfont.ttf’) format(‘truetype’),
url(‘lazy_spring_day_demo-webfont.svg#lazy_spring_day_demoregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
Die .htaccess sieht so aus:
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
AddType application/font-woff2 .woff2Bei mir wird jedoch die neue Schriftart aber nicht angezeigt – weder auf der Website, noch unter “Enfold Child/Allgemeines Styling/Fonts”?
Hast du denn auch in der style.css die Schriftart zugewiesen?
z.B.
h1 {font-family: 'lazy_spring_day_demoregular', sans-serif;}Innerhalb des Backends kann die Schrift nicht auftauchen, denn das Theme ‘weiß’ nichts davon.
Hi @Edewoolf,
I would try @cherrmann’s last suggestion. Also, please try to use the full URL when adding the font so that you can verify that the file is in the correct place by going to its URL.
Best regards,
Rikard@Edewoolf
Lass uns wissen, ob du hierbei noch Hilfe benötigst. Wir unterstützen dich gerne.
Ansonsten mache gern ein neues Ticket bei einer neuen Frage/Problem auf.Gruß,
AndySorry, Internetzugang war tot. Komme erst am Wochenende zum Testen und melde mich dann.
Vorerst vielen Dank für die Antworten.Gruß,
EdeIch hab jetzt folgenden Code in der style.css und zum Test einen Absatz mit <h1>formatiert. Funktioniert aber leider immer noch nicht.
@font-face {
font-family: ‘lazy_spring_day_demoregular’;
src: url(‘lazy_spring_day_demo-webfont.eot’);
src: url(‘lazy_spring_day_demo-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘lazy_spring_day_demo-webfont.woff2’) format(‘woff2’),
url(‘lazy_spring_day_demo-webfont.woff’) format(‘woff’),
url(‘lazy_spring_day_demo-webfont.ttf’) format(‘truetype’),
url(‘lazy_spring_day_demo-webfont.svg#lazy_spring_day_demoregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
h1 {font-family: 'lazy_spring_day_demoregular', sans-serif;}
Hey!
please follow these instruction: http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
Regards,
Andy
- You must be logged in to reply to this topic.