Trying to get styles to register than enque

Question

I have the following code in my functions.php file with a call in the header, but nothing is being outputted in the html. There are no stylesheets.

I have tried that add action wp_enque_styles with and without the s (style)

<?php
function scripts_and_styles() {
  if (!is_admin()) {
  // normalize
    wp_register_style( 'normal-stylesheet', get_stylesheet_directory_uri() . 'http://necolas.github.com/normalize.css/2.1.0/normalize.css', array(), '', 'all' );
  // register main stylesheet
    wp_register_style( 'main-stylesheet', get_stylesheet_directory_uri() . '/css/style.css', array(), '', 'all' );

  // enqueue styles and scripts
    wp_enqueue_style( 'main-stylesheet' );
    wp_enqueue_style( 'normal-stylesheet' );
   }
 }
 add_action( 'wp_enqueue_styles', 'scripts_and_styles' ); 
?>

Answer 1

You need to use the correct hook.

Currently, WordPress has a hook for enqueueing scripts: wp_enqueue_scripts, but does not have an analogous hook for enqueueing stylesheets, such as wp_enqueue_styles.

So, for the time-being, hook your stylesheet-enqueueing callback into wp_enqueue_scripts.

Answer 2

<?php
function scripts_and_styles() {
  if (!is_admin()) {
  // normalize
    wp_register_style( 'normal-stylesheet', 'http://necolas.github.com/normalize.css/2.1.0/normalize.css');
  // register main stylesheet
    wp_register_style( 'main-stylesheet', get_stylesheet_directory_uri() . '/css/style.css', array(), '', 'all' );

  // enqueue styles and scripts
    wp_enqueue_style( 'main-stylesheet' );
    wp_enqueue_style( 'normal-stylesheet' );
   }
 }
 add_action( 'wp_enqueue_scripts', 'scripts_and_styles' ); 
?>