Using Cascading Style Sheets (CSS), Dreamweaver will let you adjust the font type, text size, and line-height in your web documents. This tutorial will show you how to adjust the text settings in Dreamweaver to make the body text in your web pages easier to read.


To change the text settings in Dreamweaver:
1. With a new Dreamweaver document open, select the New Rule button in the CSS Styles panel.
The New Rule button in the CSS Styles Panel of Dreamweaver

2. In the New CSS Rule window, choose Tag for the selector type and enter “body” for the selector name, then select OK.
New CSS Rule window.

3. In the CSS Rule definition window, choose a font family by selecting it from the menu to the right of the Font-family text field. A sans-serif font such as Arial is best for body text.
CSS rule definition window.

4. Enter a font-size and select your unit of measurement. Some older web browsers (such as older versions of Internet Explorer for Windows) will not let you resize the text if pixels are selected as the unit of measurement. For this reason, you should choose a relative unit of measurement such as em or percent.
Units of measurement menu for Font-size property.

5. For the line height, enter a value and choose multiple from the unit of measurement menu.

Units of measurement menu for line-height property.

6. Choose Apply to see your changes take effect in the current document.
7. When you are finished making your changes, select OK to exit the CSS Rule definition window.
8. Choose File, Save to save your changes.

Bookmark and Share