6 Replies Latest reply on Apr 12, 2010 10:57 AM by Chorale0001

    Fonts innacurate in dreamweaver ???

    Chorale0001 Level 1

      Hello

       

      I have a Fonts innacuraty in dreamweaver... i don't know if it is dreamweaver or illustrator that is wrong, but either way the result is the same.

       

      Have a look.

      Typo.jpg

      The 4 top line are Dreamweaver Verdana fonts while the 4 bottom are a jpg made from the AI file while being wrote in Verdana fonts too.

       

      As you see they are not the same. And before you ask, yes i did check in Illustrator if the letter were not in stroke/bold/whatever mode but no. stroke is at null, so is everything else...

       

      They all have the same setting.

       

      Here is the body CSS

       

      body {
      background-color: #ffffff;
      margin-top: auto;
      margin-right: auto;
      margin-bottom: auto;
      margin-left: auto;
      background-image: url(images/fond.png);
      text-align: center;
      background-position: bottom;
      background-repeat: no-repeat;
      font-size: 11px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      font-family: Verdana, Geneva, sans-serif;
      }

       

      They are all exactly the same (even the 11 PX for pixel, not pt), soooo.. why do i have such a differente in my fonts ? I even tried to put the "font: Verdana" only. same result

       

      Thanks for any of your help.

       

      Message was edited by: Chorale0001

        • 1. Re: Fonts innacurate in dreamweaver ???
          pziecina Level 6

          Hi

           

          Have you checked which type of font file the programs are using. Illustrator will normally use the postscript font if available but dreamweaver, (and all browsers) use the standard "openType" font.

           

          PZ

          www.pziecina.com

          • 2. Re: Fonts innacurate in dreamweaver
            mhollis55 Level 4

            Dreamweaver is trying to reproduce what a browser might show you. And here's a really big secret: It will substitute at will to find what's available from your pick list: Verdana, Geneva, sans-serif

             

            The only way to get a typeface to display exactly, precisely the way you want it to display in a web browser is to make that typeface into an image, then use alt text to describe it (in order to make your page compliant with standards and accessible). That's pretty much it.

             

            I regularly check my pages with three browsers. And each of the three will be different in how my sites are displayed, with one typeface lighter, the other darker and, sometimes, a completely different typeface.

             

            The only time I really sweat that is with respect to navigation where the substitution makes the navigation hard to read or understand. And when that happens, I go looking for a way out of the problem, using something smaller and (usually) bolder.

             

            Dreamweaver is going to mimic what your browser does, not try to interpret a mathematical formula to render type. Illustrator, on the other hand, is specifically designed to create, render and interpret vector commands. I'm surprised you got that close.

            1 person found this helpful
            • 3. Re: Fonts innacurate in dreamweaver
              Chorale0001 Level 1

              Owh... That's hurting.

               

              Thanks all for answering.. there is another solution, not fun in that case .... I will type all i need in illustrator, Create outline, save as PNG ( i need transparency because of Background ) and use them that way.. i however fear that it wont be as sharp as a real character....

               

              unless someone got a fourth solution ?

              • 4. Re: Fonts innacurate in dreamweaver
                Nancy OShea Adobe Community Professional & MVP
                I will type all i need in illustrator, Create outline, save as PNG ( i need transparency because of Background ) and use them that way.. i however fear that it wont be as sharp as a real character....

                No it won't be as sharp as real text.  And it will not be "seen" by translators, screen readers, or search engines which makes it bad for you and your site visitors. 

                 

                A possible other option is SiFR (scalable Inman Flash Replacement).

                http://www.sifrgenerator.com/

                 

                 

                Nancy O.
                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists
                http://alt-web.com/
                http://twitter.com/altweb
                http://alt-web.blogspot.com

                1 person found this helpful
                • 5. Re: Fonts innacurate in dreamweaver
                  mhollis55 Level 4

                  Frankly, what you could do is to resign yourself to knowing that not every browser engine is going to render text exactly the same and have it done. to the extent I need an exact typeface, I make it part of the header or a graphic and I provide an <alt> attribute to it to accurately describe every word in it. then I figure everything will display willy-nilly and don't worry.

                   

                  I know that there are some people whose browsers will display any font I choose as Times New Roman. And that's because that is in the preferences file of the browser.

                   

                  But let me offer you one comment: If the information on your website is what should drive visits, why worry about the design so much? I can promise you that my sister won't know the difference. Since she is blind, she won't know the difference in the apparent weights of the typefaces you and her browser decide to use. She will, however, be able to appreciate what is said on the website -- especially if you use <alt> tags to accurately describe any images you have on the site.

                  • 6. Re: Fonts innacurate in dreamweaver
                    Chorale0001 Level 1

                    Well thx for answering. since there is no solution, i'm going to hope it will be nice.

                     

                    Putting this post as solved. +5 point for both of you.