I hv built sites but always had this problem when it comes to choosing fonts and their sizes.
I am looking for suggestions from you guys on fonts that shd be used with normal text on <body>, headings and at other special occasions.
help with fonts families and sizes
Moderator: General Moderators
- raghavan20
- DevNet Resident
- Posts: 1451
- Joined: Sat Jun 11, 2005 6:57 am
- Location: London, UK
- Contact:
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
General tips...
Use clean, easy-to-read fonts for the body and anything for navigation (i.e. Verdana, arial, tahoma, times, courier, sans-serif).
Always, always, always provide multiple fonts in order of preference... it's unlikely that your first chosen font is available on all machines.
Don't specify font size in pt, use em (I assume you're using CSS - if not, start now
). Size in pt are rendered differently across the various operating systems and if it look good on windows it may be too small on OSX or Linux... I tend to go for 0.8em for the main body but it depends on the font.
Try to choose colors which contrast (nicely) with the background.
Try to make obvious which text is for navigation and which is not (underline, color, bold etc).
Use clean, easy-to-read fonts for the body and anything for navigation (i.e. Verdana, arial, tahoma, times, courier, sans-serif).
Always, always, always provide multiple fonts in order of preference... it's unlikely that your first chosen font is available on all machines.
Don't specify font size in pt, use em (I assume you're using CSS - if not, start now
Try to choose colors which contrast (nicely) with the background.
Try to make obvious which text is for navigation and which is not (underline, color, bold etc).
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
- raghavan20
- DevNet Resident
- Posts: 1451
- Joined: Sat Jun 11, 2005 6:57 am
- Location: London, UK
- Contact:
Thanks for your suggestions, I recently changed to the font family you specified. Thats actually a good one and it gave a different look to the entire site. As you told, I have changed from px to em's. As you guessed, I am working with css for a long time.
Do you know any easy to learn tutorials on making curved - edged tables, simple menus and tutorials for using divs instead of tables?
Do you know any easy to learn tutorials on making curved - edged tables, simple menus and tutorials for using divs instead of tables?
A List Apart has great tutorials for curved or arbitrary edge divs and general interesting use of CSS.
I especially recommend the following articles there:
I especially recommend the following articles there:
- CSS Design: Creating Custom Corners and Borders -- absolutely fabulous method for arbitrary borders on markup
- Sliding Doors of CSS -- creating nice tabbed navigation elements
- Mountaintop Corners -- a simple way of acheiving rounded borders on divs
- Creating Liquid Layouts with Negative Margins -- a useful compromise between fixed and fluid design