#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2013
    Posts
    1
    Rep Power
    0

    CSS formatting help


    Hey, I'm new to CSS and PHP (second week)... I'm working on my website and am stuck for the time being. I've just added "MENU" next to my toggle menu icon but keep messing up the formatting. I'd like for the formatting to look exactly like the font and style of the top menu (blog, portfolio etc.) this site is using: http://themes.thehappybit.com/theme-switcher/?theme=bigfoot

    (I used Chrome to look at the code)

    This is what I've got so far:
    Code:
    <a href="#" id="nav-trigger">
        <span style="font-family: Source Sans Pro;">MENY</span> m
    </a>
    Any help is much appreciated!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2013
    Posts
    17
    Rep Power
    0
    If I understand you correctly, you're trying to use a specific font but on your web page you don't see that it's applied.

    Because not all fonts are available on all computers, when you want to be sure that a specific font is applied you need to add it to your files and use the "@font-face rule" or even better use the link from google fonts (if you find there the font you want).

    For example, the font you want is Source Sans Pro so you can try to add in your <head> tag the following line :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
    One more advice, it's better to have your css in the a separate file or in the head tag.

    I hope this helps you.

IMN logo majestic logo threadwatch logo seochat tools logo