What is css code for <font size=1> ?

Dev Shed Forums Sponsor:

November 5th, 2012, 01:04 AM

helpneeded22

Registered User

Join Date: Nov 2012

Posts: 5

Time spent in forums: 1 h 21 m 46 sec
Reputation Power: 0

What is css code for <font size=1> ?

I have been teaching myself css code today to convert over parts of my webpage.

To define a slightly smaller font, I use the HTML code: <font size=1>

What would be the css code equivalent for this?

Thanks.

November 5th, 2012, 02:08 AM

simplypixie

Contributing User

Join Date: Aug 2012

Posts: 104

Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11

It depends where you want the smaller font and by how much, but if you want your paragraph font size to be smaller than the main page font size (this is just an example) then you would apply it to the p tag in your css. It also depends if you want to set a specific pixel size or use ems to base it on the parent font size.

For example:

Code:

body {
  font-size: 16px; // This is actually the default size for browser fonts anyway
}
p {
  font-size: 14px; // Or, if using ems, 0.875em
}

November 5th, 2012, 05:28 PM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,833

Time spent in forums: 6 Months 1 Day 20 h 52 m 20 sec
Reputation Power: 4192

Welcome to DevShed Forums, helpneeded22.

It's best to avoid setting font-size in "px", pixels. (And "pt", points, may be fine for print stylesheets but shouldn't be used for other media.)

I recommend that you try using "font-size: xx-small" or "font-size: smaller".

More information: http://style.cleverchimp.com/font_s...tervals.html#cc

__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

November 5th, 2012, 07:15 PM

helpneeded22

Registered User

Join Date: Nov 2012

Posts: 5

Time spent in forums: 1 h 21 m 46 sec
Reputation Power: 0

Quote:

Originally Posted by Kravvitz

Welcome to DevShed Forums, helpneeded22.

Thanks, that is just what I was looking for. I really wanted to avoid going with a "set" size, and use something a little more relative, and I believe this it.

November 6th, 2012, 12:54 AM

davikerkrish

Registered User

Join Date: Sep 2012

Posts: 18

Time spent in forums: 4 h 11 m 40 sec
Reputation Power: 0

style="font-size:10px; it is the equal of your question. Please have a look. and let me know.

What is css code for <font size=1> ?

Developer Shed Advertisers and Affiliates