Wordpress: usare i web fonts

Wordpress: usare i web fonts

Integrare i web fonts CSS3 su un sito in Wordpress richiede la medesima procedura utilizzata in altri siti. Per prima cosa, andate su un sito che vi permetta di scaricare dei kit pronti per l'uso (come FontSquirrel. Questi kit contengono il font scelto in vari formati e un file CSS con la necessaria regola @font-face per poter caricare il font. Caricate la directory con i file dei font e il file CSS sul vostro sito. A questo punto dovete solo far si che Wordpress carichi il relativo file CSS. Vediamo come.

Aggiungete il seguente codice nel file functions.php del vostro tema (se non esiste, createne uno):


add_action('wp_print_styles', 'add_web_font');


function add_web_font() {
        
    $url = 'http://tuosito.it/fonts/webfont/webfont.css';    
    wp_register_style('nome-font', $url);
    wp_enqueue_style('nome-font');
	
}

Sostituite ovviamente il percorso del file CSS e il nome dato al CSS con i vostri dati. A questo punto potete usare il web font scelto nel vostro CSS principale:


h1 {
	font: 2em 'WebFont', sans-serif;
}
Torna su