2 Replies Latest reply on Mar 26, 2012 5:09 PM by NoizyCr1cket

    Fireworks font problem in Dreamweaver

    NoizyCr1cket

      Right now I'm working on a mock-up for a website in Fireworks and coding it in Dreamweaver. I'm using Georgia as my font for a welcome message in the center of the site, however, the font appears differently in Dreamweaver as it does in Fireworks, and I'm pretty sure I'm using the same font in both programs. I have it coded like this on my external CSS (and yes, the style sheet is linked to my html):

       

      #welcome {

                width:432px;

                height:106px;

                float:left;

                margin-top:60px;

                font-family:Georgia, "Times New Roman", Times, serif;

                font-size:45;

                color:#666666;

                text-align:center;

       

      }

       

      and the result is this (in Dreamweaver):

       

      Welcome Message - Dreamweaver.png

       

      and this is what it looks like in Fireworks:

       

      Welcome Message - Fireworks.png

       

      As you can see, the font looks more bold in Dreamweaver, and it looks taller and skinnier in Fireworks even though I'm using a font size of 45 for both programs.

       

      Anyone know a way to make the Dreamweaver text look the same as the Fireworks text?

        • 1. Re: Fireworks font problem in Dreamweaver
          groove25 Level 4

          The Dreamweaver version (at top) looks bold. This suggests to me that it might be a heading, which would appear bolded by default in most web browsers—and therefore, in Dreamweaver, too. Browser defaults like this are why many developers use CSS resets in their style sheets. You can fix this by adding another rule to your declaration:

           

               font-weight: normal;

           

          Meanwhile, the font-size rule needs a unit. Since Fireworks uses pixels, I'm guessing that's what you intended:

           

               font-size: 45px;

           

          Hope this clears things up!

          • 2. Re: Fireworks font problem in Dreamweaver
            NoizyCr1cket Level 1

            Thank you! I actually had to create a new CSS declaration specifically for the header in the "welcome" div to get those two rules to work, like this:

             

             

            #welcome {

                      width:432px;

                      height:106px;

                      float:left;

                      margin-top:60px;

                      font-family:Georgia, "Times New Roman", Times, serif;

                      color:#666666;

                      text-align:center;

             

            }

             

             

            #welcome h1 {

                      font-weight:normal;

                      font-size:45px;

             

            }

             

            As you can see, I took   font-weight:normal;   and   font-size:45px;   and put them into the separate declaration   #welcome h1   to specifically affect the header. This was the only way I could get it to work.

             

             

            Thank you so much!