Modify Font Families

This tutorial will show you how to modify font families in Dreamweaver CS5.

When we saw default fonts earlier you may have noticed that in each case there were actually three fonts specified. The reason for this is that different users have different fonts installed on their PCs, and Dreamweaver lets you specify fonts to use in preference order, just in case the visitor's PC doesn't have the font or fonts you need. If the first (primary font is not available use the second (secondary) font, and so on.

Looking again at the Appearance (CSS) page on the Preferences dialog I can see this set of fonts, which is called a font combination.

The primary font is Georgia, secondary font is Times New Roman and the general font is Times. If the visitor's PC has none of those three fonts, the browser will use a serif font - note the word serif at the end of the list. In the absence of a serif font, and as a last resort, it will use the visitor's browser preferences.

Dreamweaver comes complete with a number of these font combinations. Select Font from the Format menu and you will see which combinations are available.

You may want to amend these combinations or create your own. To maintain the list of combinations select Edit Font List... from the fly-out menu. You will see the Edit Font List dialog.

The dialog offers you a number of options.

The button with the + sign lets you add a new combination. The line in the scrolling list that is highlighted and contains the text "(Add fonts in list below)" will contain the combination. Choose three fonts from the list of available fonts and click the left chevron marker for each. Then add "sans-serif" as the catch-all The dialog now looks like this.

Click on OK and the new combination is created and will appear on the fly-out menu next time you select the Format menu then Font.

The button with the - sign lets you delete a combination. Select the combination then press the button with the - key. Note that no confirmation is needed, so take care.

If you would like to change the order of the font combinations on the fly-out menu, select thecombinations one at a time and use the up and down chevrons to move the selected combination up or down the list. It's often best to keep the list in an order that makes it easier to find the combination that you need.

In this fly-out menu the combinations have been organized into alphabetical order.

 

More Dreamweaver Tutorials

All Dreamweaver CS5 Tutorials - Will be complete by Januay 2011.
Buy Dreamweaver CS5

Getting Started Create a Web Site Create a Web Page Create a Web Page from a Template Open & Save a Web Page Closing a Web Page File The Dreamweaver Environment Working with Toolbars Working with Panels Creating a Workspace The Status Bar Working with Views Changing the View / Zoom Tool Working with Rulers Grids & Guides Keyboard Shortcuts Setting Preferences Using the Results Panel Managing Website Files Setting Up Site Folders Using the Files Panel Creating Files Managing Files & Folders Finding Files in the Files Panel Setting the Home Page Setting Link Page Properties Setting Page Properties Working with Invisible Elements Working with Colors Understanding File Paths Working with Text Adding Text to Pages Importing Content Selecting, Copy & Paste Text Modify Font Families Formatting Characters Formatting Paragraph Text Controlling Line Spacing Horiztontal Rules Ordered & Unordered Lists Create & Apply Text Styles Finding & Replacing Checking Spelling Setting Font Preferences Using Undo and Redo Working with Images Using Web Friendly Graphics Defining an Image Folder Inserting Images Inserting Images form Photoshop Editing Images in Photoshop Inserting Images from Fireworks Optimizing Images for the Web Modifying Images Aligning Images Margins around Images Changing Brightness & Contrast Creating Rollover Images Inserting an Image Placeholder Linking Web Pages Understanding Link Types Understanding File Paths Adding a Link Adding an Email Link Using Named Anchors to Link within a Web Page Create an Image Map Modifying a Link Removing a Link Changing Links Sitewide	Web Page Tables Working with Tables Switching Between Table Modes Inserting a Table Modifying a Table Adding Content to a Table Import/Export Table Data Adding Columns and Rows Resizing Columns and Rows Spliting and Merging Cells Sorting Table Data Changing Table Properties Changing Cell, Row, or Column Properties Using a Tracing Image Cascading Style Sheets Introducing Cascading Style Sheets Creating a Web Page with a CSS Layout Creating a CSS Style Applying Internal Styles Attaching an External Style Sheet to a Page Removing Internal Styles Using the CSS Styles Panel Setting CSS Properties Working with CSS Rules Working with ID Selectors Create and Apply an ID Selector Formatting CSS Code Flash & Multimedia Inserting a Flash or Shockwave Movie Changing Movie Properties Inserting a Flash Movie Linking or Embedding a Sound Creating Web Forms Creating a Form Inserting Form Objects Modifying Text Fields and Text Areas Modifying Radio Buttons and Check Boxes Modifying Lists and Menus Inserting an Image Button Making Form Objects Dynamic Validating Forms Creating Templates Creating a Web Page from a Template Creating a Template Opening a Template Defining Editable Regions Creating Repeating Regions Creating Optional Regions Creating Nested Templates Updating a Template Attaching and Detaching a Template Managing A Web Site Defining Local Info for a Site Defining Remote Info for a Site Transferring Files Comparing Local and Remote Files Checking Site Files in and Out Synchronizing Site Files
You can Buy Dreamweaver CS5 for both the Mac and PC platform. If you're a student you can purchase Dreamweaver CS5 for Teachers and Students at special academic pricing.

 

Find this website useful?

To link to this page from your website, simply cut and paste the following code to your web page.

<a href="http://www.create-a-great-website.com/modify-font-families-cs5.html" target="_top">Modigy Font Families in Dreamweaver CS5</a>

It will appear on your page as: Modify Font Families in Dreamweaver CS5

All Dreamweaver CS5 Tutorials - Will be complete by Januay 2011.
Buy Dreamweaver CS5

Getting Started Create a Web Site Create a Web Page Create a Web Page from a Template Open & Save a Web Page Closing a Web Page File The Dreamweaver Environment Working with Toolbars Working with Panels Creating a Workspace The Status Bar Working with Views Changing the View / Zoom Tool Working with Rulers Grids & Guides Keyboard Shortcuts Setting Preferences Using the Results Panel Managing Website Files Setting Up Site Folders Using the Files Panel Creating Files Managing Files & Folders Finding Files in the Files Panel Setting the Home Page Setting Link Page Properties Setting Page Properties Working with Invisible Elements Working with Colors Understanding File Paths Working with Text Adding Text to Pages Importing Content Selecting, Copy & Paste Text Modify Font Families Formatting Characters Formatting Paragraph Text Controlling Line Spacing Horiztontal Rules Ordered & Unordered Lists Create & Apply Text Styles Finding & Replacing Checking Spelling Setting Font Preferences Using Undo and Redo Working with Images Using Web Friendly Graphics Defining an Image Folder Inserting Images Inserting Images form Photoshop Editing Images in Photoshop Inserting Images from Fireworks Optimizing Images for the Web Modifying Images Aligning Images Margins around Images Changing Brightness & Contrast Creating Rollover Images Inserting an Image Placeholder Linking Web Pages Understanding Link Types Understanding File Paths Adding a Link Adding an Email Link Using Named Anchors to Link within a Web Page Create an Image Map Modifying a Link Removing a Link Changing Links Sitewide	Web Page Tables Working with Tables Switching Between Table Modes Inserting a Table Modifying a Table Adding Content to a Table Import/Export Table Data Adding Columns and Rows Resizing Columns and Rows Spliting and Merging Cells Sorting Table Data Changing Table Properties Changing Cell, Row, or Column Properties Using a Tracing Image Cascading Style Sheets Introducing Cascading Style Sheets Creating a Web Page with a CSS Layout Creating a CSS Style Applying Internal Styles Attaching an External Style Sheet to a Page Removing Internal Styles Using the CSS Styles Panel Setting CSS Properties Working with CSS Rules Working with ID Selectors Create and Apply an ID Selector Formatting CSS Code Flash & Multimedia Inserting a Flash or Shockwave Movie Changing Movie Properties Inserting a Flash Movie Linking or Embedding a Sound Creating Web Forms Creating a Form Inserting Form Objects Modifying Text Fields and Text Areas Modifying Radio Buttons and Check Boxes Modifying Lists and Menus Inserting an Image Button Making Form Objects Dynamic Validating Forms Creating Templates Creating a Web Page from a Template Creating a Template Opening a Template Defining Editable Regions Creating Repeating Regions Creating Optional Regions Creating Nested Templates Updating a Template Attaching and Detaching a Template Managing A Web Site Defining Local Info for a Site Defining Remote Info for a Site Transferring Files Comparing Local and Remote Files Checking Site Files in and Out Synchronizing Site Files
You can Buy Dreamweaver CS5 for both the Mac and PC platform. If you're a student you can purchase Dreamweaver CS5 for Teachers and Students at special academic pricing.

 

 

This site proudly build with Site Build It!