CSS shortcut font-size/line-height

**Kayla** · March 30th, 2007, 2:36 AM

I just realized that if you want to specify font size and line height at the same time - you can! Just add a / and the line height you would like.

Code:

#whale a {
font: 12px/24px, "Helvetica", Arial, sans-serif;
color: #fff;}

**Brandonnn** · March 30th, 2007, 3:09 AM

Quote:

Originally Posted by Kayla

I just realized that if you want to specify font size and line height at the same time - you can! Just add a / and the line height you would like.

Code:

#whale a {
font: 12px/24px, "Helvetica", Arial, sans-serif;
color: #fff;}

awesomeness!!! i saw this in the code and was like... wah?

**Mykal** · March 30th, 2007, 10:04 PM

Typetester is a great online tool for testing - you guessed it - type. It doesn't combine properties like what you have demonstrated but sometimes it's not necessary to combine unless you are really trying to minimize file size.

**Kayla** · March 30th, 2007, 10:09 PM

Wow, Mykal. You're giving us lots of treats today - I better make a list! =)

H · March 31st, 2007, 12:32 AM

This is worth reading too.. http://webtypography.net/sxsw2007/

**Mykal** · March 31st, 2007, 10:59 AM

Quote:

Originally Posted by Kayla

Wow, Mykal. You're giving us lots of treats today - I better make a list! =)

An unordered list I hope. :-)

**Kayla** · March 31st, 2007, 10:55 PM

Wow Mykal, nice music in your playlist there. Miss Suissa has an amazing voice.

**Mykal** · April 1st, 2007, 10:44 AM

Thanks. I got iTunes happy yesterday and bought a bunch of new tracks. I've been really digging Trentemoller lately. Most of the time I go for the harder dance/trance but my ears must need a break or something. Was Miss Suissa in one of the tracks on my playlist?

medikoo · April 1st, 2007, 12:14 PM

Quote:

Originally Posted by Kayla

I just realized that if you want to specify font size and line height at the same time - you can! Just add a / and the line height you would like.

Code:

#whale a {
font: 12px/24px, "Helvetica", Arial, sans-serif;
color: #fff;}

Just small thing - comma after font size/line height is invalid. While most browsers will read through that some may get stumbled.
Right way will be

Code:

#whale a {
font: 12px/24px Helvetica, Arial, sans-serif;
color: #fff;}

March 30th, 2007, 2:36 AM	#1 (permalink)
Kayla Marketing Maven Surpass Staff Joined in May 2003 Lives in Orlando 24,749 posts Gave thanks: 946 Thanked 806 times	CSS shortcut font-size/line-height I just realized that if you want to specify font size and line height at the same time - you can! Just add a / and the line height you would like. Code: #whale a { font: 12px/24px, "Helvetica", Arial, sans-serif; color: #fff;} __________________ Follow Surpass on Twitter and Facebook Check out the Surpass Blog

March 30th, 2007, 10:04 PM	#3 (permalink)
Mykal Surpass Fan Seasoned Poster Joined in Feb 2007 Lives in Maine 43 posts Gave thanks: 4 Thanked 3 times	Typetester is a great online tool for testing - you guessed it - type. It doesn't combine properties like what you have demonstrated but sometimes it's not necessary to combine unless you are really trying to minimize file size. __________________

March 30th, 2007, 10:09 PM	#4 (permalink)
Kayla Marketing Maven Surpass Staff Joined in May 2003 Lives in Orlando 24,749 posts Gave thanks: 946 Thanked 806 times	Wow, Mykal. You're giving us lots of treats today - I better make a list! =) __________________ Follow Surpass on Twitter and Facebook Check out the Surpass Blog

March 31st, 2007, 10:55 PM	#7 (permalink)
Kayla Marketing Maven Surpass Staff Joined in May 2003 Lives in Orlando 24,749 posts Gave thanks: 946 Thanked 806 times	Wow Mykal, nice music in your playlist there. Miss Suissa has an amazing voice. __________________ Follow Surpass on Twitter and Facebook Check out the Surpass Blog

April 1st, 2007, 10:44 AM	#8 (permalink)
Mykal Surpass Fan Seasoned Poster Joined in Feb 2007 Lives in Maine 43 posts Gave thanks: 4 Thanked 3 times	Thanks. I got iTunes happy yesterday and bought a bunch of new tracks. I've been really digging Trentemoller lately. Most of the time I go for the harder dance/trance but my ears must need a break or something. Was Miss Suissa in one of the tracks on my playlist? __________________

March 31st, 2007, 12:32 AM	#5 (permalink)
H after g, before i Resident. Joined in Jul 2004 Lives in N,BC,CA 8,086 posts Gave thanks: 48 Thanked 131 times	This is worth reading too.. http://webtypography.net/sxsw2007/

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search