Schriftart ändern im grundlegenden Casper Theme verursacht Symbol verschwinden

Question

Ich bin wirklich neu in CSS und Ghost Blog Platform. Ich versuche, this instruction zu folgen, wie man die Schriftart des grundlegenden Casper-Themas besonders anfertigt.

Die folgende Zeile in der Anweisung scheint jedoch nicht zu funktionieren. Mit dieser Zeile verschwinden Symbole und die Schriftart der Texte hinter den Symbolen ändert sich auch nicht.

[class^="icon-"]:before, [class*=" icon-"]:before 

By the way, ich versuche, meine Schrift zu Work Sans zu ändern. Hier ist mein vollständiger Code.

<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,700,500,600' rel='stylesheet' type='text/css'> 
<style> 
body, 
h1, h2, h3, h4, h5, h6, 
.main-nav a, 
.subscribe-button, 
.page-title, 
.page-description, 
.post-meta, 
.read-next-story .post:before, 
.pagination, 
.site-footer, 
[class^="icon-"]:before, [class*=" icon-"]:before { 
    font-family:"Work Sans", sans-serif; /* Replace with your own font */ 
} 
</style> 

Jeder Vorschlag wird sehr geschätzt!

Answer 1

Ich hatte das gleiche Problem und ich fand heraus, was das Problem war. In Ghost-Akademie wird gesagt, dass wir Schriftarten mit dem unten stehenden Code ändern können.

body, 
h1, h2, h3, h4, h5, h6, 
.main-nav a, 
.subscribe-button, 
.page-title, 
.post-meta, 
.read-next-story .post:before, 
.pagination, 
.site-footer, 
[class^="icon-"]:before, [class*=" icon-"]:before { 
    font-family:"Georgia", sans-serif; /* Replace with your own font */ 
} 

Aber mit diesem Code verschwinden Symbole, wie Sie sagten. Um die Schriftart zu ändern, ohne Symbole zu entfernen, können wir Codes wie diese verwenden.

<style> 
body, 
h1, h2, h3, h4, h5, h6, 
.main-nav a, 
.subscribe-button, 
.page-title, 
.post-meta, 
.read-next-story .post:before, 
.pagination, 
.site-footer { 
    font-family:"Georgia", sans-serif; /* Replace with your own font */ 
} 
</style> 

<style> 
[class^="icon-"]:before, [class*=" icon-"]:before { 
    font-family: "casper-icons", "Open Sans", sans-serif; 
} 
</style> 

Ich hoffe, Sie lösen das Problem.