Adding external style sheets to your Drupal theme

Sometimes it’s best to add external CSS files through Drupal’s drupal_add_css() function. A very practical example is where we add a Google web font to a subtheme. If you’re customizing a subtheme of a complex theme like Omega and don’t want to have to create a new page.tpl.php file just to add a custom style sheet, or the additional overhead of a custom module, this is a great solution.

Here’s a handy little snippet to add an external style sheet to your Drupal 7 theme. Simply add this to your theme’s template.php file:

function yourtheme_preprocess_html(&$variables) {
  drupal_add_css(
    'https://fonts.googleapis.com/css?family=Droid+Serif:regular',
array('type' => 'external')
  );
}

Replace “yourtheme” with the name of the theme or subtheme you’re editing.