This article is a great explanation of the details. To explain.. no, too much. To sum up:
- Go to Google Fonts and browse around and select ones you like, then click the bar in the footer to get an installation guide. This generated link is the important part:
- https://fonts.googleapis.com/css?family=Lato|Montserrat|Oswald|Quicksand|Roboto
- Because it is a “heavy thing”, I pared that list down to Montserrat for paragraph text and Quicksand for headings.
- Put one-shot loading of the link into functions.php (details on wiki); example:
function custom_add_google_fonts() {
wp_enqueue_style(
'custom-google-fonts',
'https://fonts.googleapis.com/css?family=Montserrat|Quicksand',
false
);
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );
- Specify the style in CSS (details on wiki):
body { font-family: Montserrat, sans-serif; font-weight: normal; }
#content h2 { font-family: Quicksand, sans-serif; font-weight: bold; }
I think I’ll play with these too, an icon pack from google: