We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 3595
    • 30 Posts
    Somtimes webpages look like tongue because the fonts doesn’t seem to fit. They get very rough and unbalanced.


    • Does webpages allways use user pc pre-installed fonts?
    • Are there any "rules" for this?
    • How is the best results maintained?
      • 15914
      • 145 Posts
      Quoting from something I read somewhere, there are some fonts common to both Mac and Windows:


      • Arial
      • Arial Black
      • Arial Narrow
      • Century Gothic
      • Comic Sans MS
      • Courier New
      • Franklin Gothic
      • Georgia
      • Impact
      • Monotype
      • Palatino
      • Symbol
      • Tahoma
      • Times New Roman
      • Trebuchet MS
      • Verdana
      • Webdings

      However, your "first-choice" fonts should be Times, Arial, Verdana, Courier and falling back to your "last-resort" serif or sans-serif.

      Try out this link: http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml

      This shows you which fonts are on the majority of different operating systems. Could be handy for you.

      You can only use the fonts that are installed on the visitor’s machine. (Although I think CSS3 will allow us to have more flexibility with fonts, but don’t quote me on that.)

      When it comes to font sizes, this is a very cool website: http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html

      It contains screenshots (links at the bottom of the page) for different font-sizes you can use on different machines. smiley

      Hope it all helps.
        Kunal Kapoor
        Technical Director
        Limesharp Internet Limited - Effective, Functional, Standards Compliant

        IRC Nick: KingKoopa
        Skype ID: KingKoopa16
        • 11573
        • 1 Posts
        A couple of fonts were designed primarily to display on screen, and so tend to look good, whilst some others designed in a more traditional manner, and then turned in to bitmaps, don’t always look impressive. Verdana & Georgia are amongst the bitmap-designed fonts, and should give fairly sans-serif and serif fonts respectively. As Kunal said, you should write your css rules to work through from the fonts you would most like, to the generic families that make sure you’ll get something like what you want. An example might go:
        body {
            font-family: Verdana, Arial, Helvetica, sans-serif;		
            font-size: 80%
        }

        This means the browser should work through from the first to the last font, displaying the first one listed that is installed on the machine.
        The font-size bit isn’t necessary for choosing fonts, but can be useful if you want to make a layout with dimensions based on font sizes, to allow for easy rescaling (see http://www.alistapart.com/articles/elastic/ for an article about this, with links to a nice demo on the http://www.csszengarden.com site.)