Can someone please tell me what is the normal type of 'font' and 'size' used on a web page? I have been using 'Ariel' size '10' and someone who view my site said it was too small.
You could try the following website: theinternetdigest.net/archive/websafefonts.html And i usually work around 10 - 16px; Though seems 16px is the normal size. (Sorry it wont let me post the link)
hi use this tag <h1><font face="arial" (or whatever you want)></h1> heading 1 will give you the biggest and after that going up it will give you little ones. now if you want to use size just use <font size="x"> if you need extra help let me know and I will be happy to help. cheers
On the 'font-size' property, these length units refer to the computed font ... In the third rule, the line height percentage refers to the font size of the alphabet.... <font size="2" color="blue">This is some text!</font>
the safest thing to do in css is to specify a font family: p{ font-family:Verdana, Geneva, sans-serif; font-size:12px } that way, every computer will display something and the best way to see how well the size of a font works is to test the site for yourself and adjust as needed.
if i remember correct the sizes if just written without px are from 1 to 7 and each is 25% larger than the first if i am not mistaken. You can use h1 for largest size
The font-size property is used to modify the size of the displayed font. Absolute lengths (using units like pt and in) should be used sparingly due to their weakness in adapting to different browsing environments. Fonts with absolute lengths can very easily be too small or too large for a user. Some example size assignments would be: H1 { font-size: large } P { font-size: 12pt } LI { font-size: 90% } STRONG { font-size: larger }
use <font> tag <p><font family="arial">Your text</font></p> This text is already viewed in default font size.. dont use font size
And why are we using HTML instead of CSS? HTML is no longer the normal form of coding a website but that's a story another day. Try and keep everything within a CSS stylesheet where possible.
Holy craptardo, how many people here said to use the <font> tag??? It's deprecated, don't use the font tag unless you want to make the Baby Buddha cry. No matter WHAT size in px you choose, it'll be too small for someone, somewhere. So let people change their own sizes. element { font: 1em arial, helvetica, sans-serif; } Don't only list Arial, cause I doesn't has it, so my computer will put one of its own fonts on there instead (and the default is a version of times new roman). So always set defaults. If the computer doesn't have Arial, try Helvetica (older macs had Helvetica but not Arial). If neither, at least use a sans-serif font. Always set a font-group at the end, like serif, sans-serif, or monospace, so a similar font is chosen by the computer if none of your listed fonts are available. Arial and Helvetica are fairly popular sans-serif fonts. Verdana is more readable, but it's got a larger x-height (its letters are a bit bigger at the same font-size compared to other fonts) so if you try to list verdana with the others, you'll see a noticable size difference between computers who have verdana and those who don't (you will get the same problem with Georgia versus other serif fonts like Times). So I either don't use verdana, or I only list it with other large fonts: font-family: "bitstream vera sans", "dejavu sans", verdana, sans-serif; those first two are unixy fonts that also are a bit large. Don't set stuff in px. IE6 and below won't let people resize it. It's not their fault you chose a font too freakin small to read, now is it? Use something like em. It's only accessible if the people have Javascript on. Adding extra widgets excuses people from learning how to use their browsers. Want to browse the web? They should learn how their browser works.
A specific size & style of type with in a type family or a complete set of character in a typeface. in the same way size having a specific size.
Yeah... What's next, CENTER tags and TARGET attribute? That **** has no business on a new website. Fallback families are important and it's just part of why the FONT tag is miserable /FAIL/. It begs a question of the OP though, 10 what? 10px? 10em? 10 fajihata? 10px is WAY below accessibility norms. It's REALLY a bad idea in the handful of cases where px has to be used (like on a image interaction with a fixed height background) to use anything smaller than 12px, and even then you can only get away with that if it's all-caps. I get twitchy on using PX metric fonts at anything less than 14px... PX is pretty much also an accessibility /FAIL/ for font sizes though, which is why you should use %/EM or as a last resort PT (since pt at least obeys the system metric) for any content. (basically anything that would go in a paragraph tag as a grammatical flow paragraph!) It's why 99% of the websites I develop these days starts out with this on BODY font:normal 85%/130% arial,helvetica,sans-serif; That sets the equivalent of 10pt text, aka 14px on 96dpi systems or 17px on "large font/120dpi" windows systems (like mine). Notice I also include a line-height. You CANNOT trust the default line-heights cross browser, so when you change font-size ALWAYS redeclare your line-height. I cannot count the number of amature websites that as a LF/120dpi user I visit and the text is damned near overlapping itself because someone forgot to set line-height properly.