Google Fonts for Dreamweaver CS6

1. Here you will learn the steps to add Google font to one tag on your Dreamweaver CS6 page

2.  Create a new Dreamweaver page using 2 column fixed, left sidebar, header and footer

3.  Select the heading on the page. h1

4.  Go to www.google.com/webfonts

5.  Find a font you like and select Quick-use. Here you will see how long it takes to load and the code to be added to your web page.

6.  Open Dreamweaver html page to code view. Insert font code after <head>

7.  Select the heading on the page. <h1>

8.  Go to Properties panel choose Edit Rule> New Rule>  <New CSS Rule>

9.  New Selector Type> Choose Tag for all <h1> tags. Then click OK.

10.  Select font name and add to Font-family in Type panel with out any ‘’.

11.  Check to see if the h1 tag is your font. The new font fill not be seen until on viewed Live.

12.  Live view will show the font for <h1>. Also you can use a Class tag and add font family.

Recommandé