Changing the font size

Part 3.3: Changing the font size

This section describes how to make your text larger or smaller. All this is covered in our comprehensive Dreamweaver training course in Brighton, Sussex.

Different methods are described for one-off changes to small blocks of text, and changes to size that you want to make for a whole class.

One-off changes:

Select the piece of text you want to change the font size for with the cursor

In the Properties pane at the bottom of the screen, click on the CSS button (see picture)

The “Size” field will be set to 100% by default.

Change the font size to 150% and press enter

The “New CSS Rule” box will appear again, so create another new class called “largertext” and save it to your “twoColLiqLtHdr.css “ stylesheet in the Rule definition box as before.

This may seem a long winded way of changing text size now, but once you have all of the classes you need for your site set up it is a much easier and tidier way to work.

Size changes made to a whole class:

Place your cursor within a large block of text that you applied your “coursedescription” style to earlier.

Now open up the “CSS Styles” panel on the right hand side of the page again (as described above) and double-click on the font-family line to open up the CSS Rules Definition box

Change the font size to 90%

Press OK

All text in the coursedescription class will now be reduced to 90% size

Note that in addition to the font size, you can also make changes to the font weight (e.g. bold), style (italic) of your class – along with a range of other options.

Related posts:

1. Adding a logo to your Website
2. Working with Text in Dreamweaver CS4
3. Different Coloured Text
4. Making bold or italic text
5. Change the Background Dreamweaver CS4

Similar resources you may like

Related posts:

1. Adding a logo to your Website
2. Working with Text in Dreamweaver CS4
3. Different Coloured Text
4. Making bold or italic text
5. Change the Background Dreamweaver CS4

Tags

Dreamweaver, dreamweaver cs4, Dreamweaver Training, dreamweaver training sussex, dreamweaver tutorial, Dremweaver Resources, font, Free Dreamweaver Training, size, sussex, text, Web Design Tutorial

Share This Resource

• Digg
• Twitter
• Stumbleupon
• Delicious
• Facebook
• Myspace
• Google
• Technorati
• Newsvine