Google Fonts
Google Fonts tarjoaa monipuolisen fonttikirjaston, jonka fontteja voit ladata ja käyttää ilmaiseksi. Voit käyttää kirjaston fontteja helposti WordPressissä lisäosan avulla. Jos et halua asentaa uutta lisäosaa, voit lisätä fontit itse lapsiteeman functions.php-tiedoston kautta seuraavaan tapaan:
Lataa fontit omaan ”Wörppiin”
Valitse haluamasi fontti Google Fonts kirjastosta, valitse myös haluamasi leikkaukset eli paksuudet/kursivoinnit. Esimerkissä on valittu leikkaukset Regular 400 ja Medium 500. Huomaa, että sinun tulee ladata kaikki leikkaukset, joita haluat käyttää. Löydät tarvitsemasi linkin ja css-määrityksen oikean reunan embed-välilehdeltä.
Wp_enqueue_style on turvallinen tapa lisätä ja ladata tyylejä WP:n generoimalle sivulle. Lisää alla oleva koodinpätkä functions.php-tiedostoon. Vaihda hipsujen sisällä oleva https-alkuinen linkki valitsemasi fontin linkiksi. Mietitkö, mikä ihmeen display=swap?
/**
* @snippet Fontin lataaminen Google Fontsista
* @author Mikko Mörö - WPWoofi.com
* @testedwith WP 5.5.1
*/
function wpwoofi_add_google_fonts() {
wp_enqueue_style( 'wpwoofi-font', 'https://fonts.googleapis.com/css2?family=Roboto:[email protected];500&display=swap', false );
}
add_action( 'wp_enqueue_scripts', 'wpwoofi_add_google_fonts' );
Määrittele style.css-tiedostossa, mitä elementtejä fonttimääritys koskee.
h1, h2 {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
