December 15th, 2013, 05:08 PM
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:
Any help is much appreciated!
<a href="#" id="nav-trigger">
<span style="font-family: Source Sans Pro;">MENY</span> m
December 30th, 2013, 10:32 AM
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 :
One more advice, it's better to have your css in the a separate file or in the head tag.
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
I hope this helps you.