Wohin mit Schriften in yii2?

Question

Ich habe eine Vorlage Bootstrap 3 und möchte seine Schriftarten (wie Icons.woff) zu yii2 hinzufügen, aber ich weiß nicht genau, wie man sie in AppAsset-Klasse aus. Haben wir $ font, da wir $ css und $ js haben? Was soll ich machen?

Answer 1

Sie müssen es irgendwie manuell tun.

Erstellen Sie einen Ordner namens "Fonts" in Ihrem Webverzeichnis und legen Sie Ihre Schriftdateien dort.

Wechseln Sie in Ihr CSS-Verzeichnis und erstellen Sie dort eine neue Datei "fonts.css". Im Inneren können Sie Ihre Schriften mit der @font-face Regel wie diese erklären:

@font-face { 
    font-family: 'Font_Name_1'; 
    src: url('../fonts/font1.ttf') format('truetype'); 
    font-weight: normal; 
    font-weight: normal; 
} 

@font-face { 
    font-family: 'Font_Name_2'; 
    src: url('../fonts/font2.ttf') format('truetype'); 
    font-weight: normal; 
    font-weight: normal; 
} 

diese CSS-Datei zu einem Projekt hinzuzufügen, gehen Sie zu assets/AppAsset.php oder zu dem einen, den Sie erweitert verwendet, wenn Sie solche haben und fügen Sie die neue CSS-Datei auf den Rest der Liste gibt:

public $css = [ 
     'css/site.css', 
     ..., 
     'css/fonts.css', 
    ]; 

Danach können Sie Ihre Schriften in Ihrem HTML über die CSS font-family Regel verwenden kann, so ähnlich:

body { 
    font-family: 'Font_Name_1', serif; 
} 

HINWEIS: Aus eigener Erfahrung ist es sehr wichtig, die format() bei der Erklärung der Schriftart in der Datei fonts.css richtig zu bekommen. truetype funktioniert für Dateien für .eot Dateien, woff für .woff Dateien usw. Auch wenn Sie mehrere Dateien für die gleiche Schriftart haben, sollten Sie sie in der Regel in Ihrer @font-face Deklaration enthalten, um sicherzustellen, dass Sie eine Option haben für jeden anderen Browser.