Dove mettere i caratteri in yii2?

Question

Ho un modello bootstrap 3 e voglio aggiungere i suoi caratteri (come Icons.woff) a yii2, ma non so esattamente come uscirli nella classe AppAsset. Abbiamo $ font come abbiamo $ css e $ js? Cosa dovrei fare?

Answer 1

Dovrai farlo manualmente.

Creare una cartella denominata "caratteri" nella directory Web e inserire i file dei tipi di carattere.

Vai alla directory css e crea un nuovo file 'fonts.css'. Al suo interno, è possibile dichiarare i font utilizzando il @font-face regola come questa:

@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; 
} 

Per aggiungere questo file css al progetto, andare ad attività/AppAsset.php o per quello che hai usato per esteso se si dispone di tale e aggiungere il nuovo file css per il resto della lista c'è:

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

Dopo di che è possibile utilizzare i font nel codice HTML tramite la regola CSS font-family, qualcosa del genere:

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

NOTA: per esperienza personale, è molto importante ottenere il diritto format() quando si dichiara il carattere nel file fonts.css. truetype funziona per file .tff, eot funziona per file .eot, woff per file .woff, ecc. Inoltre, se si dispone di più file per lo stesso tipo di carattere, è consigliabile includerli tutti nella dichiarazione @font-face per assicurarsi che si disponga di un'opzione per ogni browser diverso.