Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Here you will learn the steps to add Google font     to one tag on your Dreamweaver CS6 page
   Create a new Dreamweaver page using 2 column    fixed, left sidebar, header and footer
   Select the heading on the page. h1
   Go to www.google.com/webfonts
   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 ...
   Open Dreamweaver html page to code view.    Insert font code after <head>
   Select the heading on the page. <h1>
   Go to Properties    panel choose Edit    Rule> New Rule>   <New CSS Rule>
   New Selector Type> Choose Tag for all <h1>    tags. Then click OK.
   Select font name and add to Font-family in Type    panel with out any ‘’.
   Check to see if the h1 tag is your font. The new    font fill not be seen until on viewed Live.
   Live view will show the font for <h1>. Also you    can use a Class tag and add font family.
Upcoming SlideShare
Loading in …5
×

Google Fonts for Dreamweaver CS6

3,972 views

Published on

Step by step instructions for adding Google Fonts to your Deamweaver CS6 web page.

Published in: Design

Google Fonts for Dreamweaver CS6

  1. 1. Here you will learn the steps to add Google font to one tag on your Dreamweaver CS6 page
  2. 2.  Create a new Dreamweaver page using 2 column fixed, left sidebar, header and footer
  3. 3.  Select the heading on the page. h1
  4. 4.  Go to www.google.com/webfonts
  5. 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. 6.  Open Dreamweaver html page to code view. Insert font code after <head>
  7. 7.  Select the heading on the page. <h1>
  8. 8.  Go to Properties panel choose Edit Rule> New Rule> <New CSS Rule>
  9. 9.  New Selector Type> Choose Tag for all <h1> tags. Then click OK.
  10. 10.  Select font name and add to Font-family in Type panel with out any ‘’.
  11. 11.  Check to see if the h1 tag is your font. The new font fill not be seen until on viewed Live.
  12. 12.  Live view will show the font for <h1>. Also you can use a Class tag and add font family.

×