HTML / Photoshop Help

Discussion in 'Computers and Technology' started by Zach, Jun 23, 2008.

  1. Zach

    Zach Newbie

    Joined:
    May 26, 2008
    Messages:
    31
    Likes Received:
    1
    If I have this font setting in photoshop:

    [​IMG]

    How do I display that the same on a HTML page using CSS?

    I tried:

    Code (Text):
    1. <style type="text/css">
    2. <!--
    3. .mainStyle {
    4.     font-family: Arial;
    5.     font-size: 4pt;
    6. }
    7. -->
    8. </style>
    But it comes out really small:

    [​IMG]
     
    #1 Zach, Jun 23, 2008
  2. cameronCRUNK

    cameronCRUNK Level IV

    Joined:
    Feb 25, 2007
    Messages:
    768
    Likes Received:
    3
    4 pt is that small. 4 pt in photoshop isn't the same as 4pt in CSS

    just increase the number in the css coding until you get it to where you want it you get what you want.
     
    #2 cameronCRUNK, Jun 23, 2008
  3. Phee

    Phee Moderator
    Staff Member

    Joined:
    Aug 18, 2007
    Messages:
    6,206
    Likes Received:
    101
    Just a word of advice: go with px. Try 20px, and play with the number. pt varies on computer sand browsers, whereas px is universal. :)
     
    #3 Phee, Jun 23, 2008
  4. Noone

    Noone Level II

    Joined:
    Nov 1, 2007
    Messages:
    287
    Likes Received:
    1
    10 is considered the smallest of standard academic fonts with many accdepting 12

    personally I'd go as high as 14pt for standard fonts and much higher for headers, tag lines, posters...etc
     
    #4 Noone, Jun 25, 2008