Adding spreadsheet.css and others

  • ritchie888

    (@ritchie888)


    12 years, 2 months ago

    I apologise in advance as I know this has been asked before, but having searched for hours and tried numerous methods I can’t get anything to work.

    My wordpress is displaying some form of my style as denoted in the style.css file, but fonts and some other characteristics aren’t displaying properly. I have a few additional css files, most notable spreadsheet.css which defines the font types using @font-face commands. The url for the fonts is a direct link to Google fonts, as opposed to having the fonts locally.

    Within my header.php I have defined the style.css as so:

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/spreadsheet.css" type="text/css" media="screen" />

    with the following appearing immediately after that:

    <?php wp_head(); ?>

    and have tried many methods to include the spreadsheet.css, putting it before and after the above code with no luck.

    I’ve managed to include my javascript files fine using the following:

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.8.3.min.js"></script>

    but still, no luck with fonts.

    What am I doing wrong? Is it because my font urls are direct from Google? Should I have them locally? What do I need to put in header.php.

    Any help is much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter ritchie888

    (@ritchie888)

    12 years, 2 months ago

    OK, think I’ve sorted it, but perhaps not the correct way(?)

    My header.php <head> is the following:

    <head>
		<title><?php bloginfo('title'); ?></title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/css/5grid/init.js?use=mobile,desktop,1000px"></script>
		<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/init.js"></script>

		<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/css/spreadsheet.css" type="text/css" />
		<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/style.css" type="text/css" />

		<?php wp_head(); ?>

	</head>
    stephencottontail

    (@stephencottontail)

    12 years, 2 months ago

    The use of wp_enqueue_style is the generally-recommended way of adding stylesheets, but other than that your code looks okay. Can you post a link to your website and tell us what’s not working?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Adding spreadsheet.css and others’ is closed to new replies.