Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 08-31-2012, 02:10 AM   PM User | #1
jackson93
New to the CF scene

 
Join Date: Aug 2012
Posts: 6
Thanks: 2
Thanked 0 Times in 0 Posts
jackson93 is an unknown quantity at this point
Changing the font of tabs

Trying to change the font of the highlighted tabs below the blurred logo in the picture I've attached. Can't seem to figure it out, any help would be very much appreciated. Haven't published website yet either.
Attached Thumbnails
Click image for larger version

Name:	Screen shot 2012-08-30 at 6.06.25 PM.png
Views:	29
Size:	34.4 KB
ID:	11505  

Last edited by jackson93; 08-31-2012 at 05:43 AM..
jackson93 is offline   Reply With Quote
Old 08-31-2012, 05:43 AM   PM User | #2
jackson93
New to the CF scene

 
Join Date: Aug 2012
Posts: 6
Thanks: 2
Thanked 0 Times in 0 Posts
jackson93 is an unknown quantity at this point
entire code:

Last edited by jackson93; 08-31-2012 at 04:36 PM..
jackson93 is offline   Reply With Quote
Old 08-31-2012, 09:22 AM   PM User | #3
Sammy12
Registered User

 
Join Date: Jun 2011
Posts: 1,063
Thanks: 12
Thanked 241 Times in 240 Posts
Sammy12 is on a distinguished road
font-family specifies the font type. Brawler will be used first. If it is not available or not installed on the user's computer, Arial will be used. And so on. The last "sans-serif" will use a standard sans-serif font in which the viewer has installed in case none of the fonts before were installed. Arial and Helvetica together probably have 99% support.

Code:
#topnav a {
   float: left;
   display: block;
   color: #7a7a7a;
   text-decoration: none;
   font-family: 'Brawler', Arial, Helvetica, sans-serif;
   padding: 13px 13px 12px;
   border: 0;
   outline: 0;
   list-style-type: none;
   font-size: 1.1em;
   text-transform: uppercase;
}
Wrapping your code in [code][/code] tags helps format code better for readability.

[code]
// Place code between code tags
[/code]

Last edited by Sammy12; 08-31-2012 at 09:27 AM..
Sammy12 is offline   Reply With Quote
Users who have thanked Sammy12 for this post:
jackson93 (08-31-2012)
Old 08-31-2012, 03:41 PM   PM User | #4
jackson93
New to the CF scene

 
Join Date: Aug 2012
Posts: 6
Thanks: 2
Thanked 0 Times in 0 Posts
jackson93 is an unknown quantity at this point
Thank you very much, works great.
jackson93 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 06:50 AM.


Advertisement
Log in to turn off these ads.