How to add Google fonts to WordPress theme?

Normally you would add multiple google fonts in wordpress theme, just like stylesheet in header.php like this..

<link href='http://fonts.googleapis.com/css?family=Abel|Alegreya+Sans' rel='stylesheet' type='text/css'>

But wait, there is a correct and proper way to do it in wordpress, by writing a hook code in functions.php file, just few lines…

function google_font_styles()
{

wp_register_style('ggl-fonts','http://fonts.googleapis.com/css?family=Abel|Archivo+Narrow');
 wp_enqueue_style( 'ggl-fonts');
}
add_action ('wp_enqueue_scripts','google_font_styles');

Thats it! Now you can remove the link tag in your header.php and the function.php will take over.