7 Replies Latest reply on May 22, 2010 1:21 PM by Nancy OShea

    New to Dreamweaver need simple this time.

    Big Moose1111

      Hi,

       

      I am new to this web design idea. I am a photographer who wishes to develop and maintain my own site. I am going to take classes and look over tutorials on using Dreamweaver and understanding HTML and CSS.

       

      Just tinkering around with the software (on a trial basis) I have discovered that the software has a limited number of text fonts included.

       

      Can you add more text fonts to the software and if so how? or  Is limitation due to the fact that it is a trial?

       

      I am sure as I get into this new direction (designing my own sites) I will have many more questions.

       

      Thanks for your help.

       

      Mike

        • 1. Re: New to Dreamweaver need simple this time.
          Ben M Adobe Community Professional

          Well first off welcome.

           

          Unfortunately though, web design is not like print design.  You can't just use fonts because they look good.  The web browser can only pull from fonts that the end-user has on their system.  Much like the way in Photoshop if you open a document and are missing the font.  The list can be expanded but you should be wary of using non-standard fonts because users will get a different experience then you would.  Google is trying to change that with their font directory ( http://code.google.com/webfonts ).  But that uses javascript which most users have enabled, but even they admit it could cause display issues in browsers while the fonts are downloaded.  That also increases load times on the pages.

           

          The only limitation to the trial is the 30 days.  Adobe does not hold anything back.  And if you decide to purchase, even if you buy a disc, you can just enter the serial number into the trial to unlock it instead of having to wait for a disc or another download.  The only exception is the suite because the suite serial numbers do not work on individual trials, only the suite installers which are available from the store (after purchase) or on disc.

          • 2. Re: New to Dreamweaver need simple this time.
            markerline Level 4

            The limitation of fonts and font-styles/types are intentional, due to the deployment of websites.  It is common that only a few fonts which are installed on most computers will be listed.  As a secure method of ensuring your proper font gets displayed by the viewer of your website you should include a font-style as well as a font by name . . . example:  "font-family: Arial, sans-serif" where Arial is the font-by-name and sans-serif is the font-style in case Arial is not installed on that person's computer--a similar matching font will display instead.

            • 3. Re: New to Dreamweaver need simple help this time.
              Big Moose1111 Level 1

              Thank you.

               

              Would It be a better option to create images in Photoshop using my preferred font then insert it as a image to build the page?

              • 4. Re: New to Dreamweaver need simple help this time.
                Ben M Adobe Community Professional

                For headers and other misc graphics like that yes.  For content no, because if you do it for content your site will never show up in Google or other search engines.

                • 6. Re: New to Dreamweaver need simple help this time.
                  jxlusa Level 2

                  SnakEyez02 gave you a good, simple answer about the fonts. There are however, a lot of other choices. They would take some study to learn to use.

                   

                  As far as the fonts available in Dreamweaver, these fonts are not actually part of Dreamweaver at all, just choices of font names they give you for convienience.

                   

                  You can add your own font lists to what is ther by default.  ( Format > Font > Edit Font List )

                  You can simply type any font you want to into the CSS that dreamweaver gives you, but they give you the ones that arfe likely to actually work in most cases.


                  Browsers will go through the list of fonts and use the first one that is availabe. For instance, if you have the rule:

                   

                     font-family: "Lucida Grande", Arial, Helvetica, sans-serif;

                   

                  The browser will use Lucida Grande if it's available on the visitors computer. If not it will look for Arial, then Helvetica. If noe of those are availabe, it will use whatever it's default sans-serif font is. So, you could put "Gil Sans" at the begining of that list, but be aware that almost everyone will still see Lucida or Arial, or Helvetica.

                   

                  There are ways to embed fonts into the website, but, among other problems, it would increase download time and you may lose people for that.

                  • 7. Re: New to Dreamweaver need simple help this time.
                    Nancy OShea Adobe Community Professional & MVP

                    The problems with text in images are 3 fold.

                     

                    1) Not visible to search engines. Engines can't index text inside images, so this could negatively impact your site's search ranking.

                     

                    2) Poor web accessibility.  Images can't be "read" by screen readers, language translators or other web assisting technologies.  This cripples your site for many users who rely on such devices.

                     

                    3) Poor rendering. Text in images are often pixilated, hard to see clearly and impossible to increase text only in browser with Ctrl++.  Browser Zoom makes images bigger but not always better to read.

                     

                    Wherever possible, you should use real text with only a few images for your company logo and level 3 headings.  But it would be too onerous to build and maintain an entire site around images of text.

                     

                    Web Safe Fonts:

                    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

                     

                    See this related discussion from last week:

                    Non Web Fonts in HTML pages.

                    http://forums.adobe.com/message/2813691#2813691

                     

                     

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