Skip navigation
lb
Currently Being Moderated

font change

Mar 23, 2013 3:21 AM

Tags: #safari #dreamweaver #firefox #internet_explorer #chrome #font_change #all_browsers

Good morning

 

I introduced a font change to "Places I'd like to visit" in <h1 style> to Arial. Dreamweaver shows the change. But there is no change to Arial when I preview in Chrome, Safari, IE or Firefox.

 

Any solutions?

 

I do not want to create a separate CSS file at this stage. I would like to know why the colour and font size work but the font itself does not when previewed in a browser.

 

Dreamweaver shows "Places I'd like to visit" in Arial but the web browsers don't.

 

Please see the attached dreamweaver and chrome screenshots.

 

The code for "Places I'd like to visit" is very simple:

 

<h1 style="font: Arial; color: rgb(255,0,0); font-size: 25pt;">Places I'd like to visit</h1>

 

 

Thanks

 

dreamweaverscreenshot.jpg

 

chromescreenshot.jpg

 
Replies
  • Currently Being Moderated
    Mar 23, 2013 4:05 AM   in reply to lb

    The font attribute is for grouping multiple font attributes into a single rule.

     

    Use either use the specific font-family attribute

     

    <h1 style="font-family: Arial sans-serif;

     

    or

     

    <h1 style="font: Arial sans-serif 40px; color: rgb(255,0,0);">

     

    Avoid pt for fonts on the web. pt is a print metric.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points