SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Zealot
    Join Date
    May 2004
    Location
    London
    Posts
    123
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Please please Help me identify fonts in a CSS output

    Can someone please help me identify the font and size of the font used in the contact Next step box of Adobe´s Product page: http://www.adobe.com/products/breeze/

    The text I am talking about is the following:

    Buy monthly and pay-per-use plans online.

    Monthly & Pay-Per-Use Plans

    All Purchase Options
    I am absolutely awful at this! Sorry guys!

  2. #2
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    No problem. It's Verdana, set at 11px and 10px.

  3. #3
    SitePoint Zealot
    Join Date
    May 2004
    Location
    London
    Posts
    123
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Egor!

    Would this be correct for Buy monthly and pay-per-use plans online.

    font: Verdana, Arial, Helvetica, sans-serif;padding-bottom:10px;font-size: 11px;

  4. #4
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep, that is correct css, but you may want to set the padding for all the other sides, too, to have it validated correctly.
    HTMLGuy

  5. #5
    SitePoint Zealot
    Join Date
    May 2004
    Location
    London
    Posts
    123
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks!

    one problem.. the font doesn't seem to look anything like the one od the adobe site.

  6. #6
    SitePoint Zealot
    Join Date
    May 2004
    Location
    London
    Posts
    123
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ălthough I know that Egor is right! Must be something in my code.

  7. #7
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you have a URL or some code we could look at perchance?
    Olly Hodgson
    thinkdrastic.net

  8. #8
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by htmlguy
    Yep, that is correct css, but you may want to set the padding for all the other sides, too, to have it validated correctly.
    HTMLGuy
    What are you talking about?

    Maria, yes, please show us a link or the complete html/css code.

    Code:
    #box {
      font: 11px/1.55 Verdana, Tahoma, Arial, sans-serif;
    }
    
    #box small {
      display: block;
      font-size: 10px;
    }
    HTML Code:
    <p id="box">This should be set in Verdana. <small>Here is some smaller text.</small></p>

  9. #9
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I was told that if you set a padding on one side, it would be validated better, or be better presented by setting the other values (left, right, top)...but I'm not sure, either way, it is a good idea to do, to make it look similar in all browsers.
    HTMLGuy

  10. #10
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by htmlguy
    I was told that if you set a padding on one side, it would be validated better, or be better presented by setting the other values (left, right, top)...but I'm not sure, either way, it is a good idea to do, to make it look similar in all browsers.
    All modern browsers handle 1, 2, 3 or 4 values just fine except maybe for IE5Mac for which you often have to specify margin-left: auto and margin-right: auto instead of margin: 0 auto.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •