Css font question

Discussion in 'CSS' started by dk4210, Oct 27, 2006.

0
  1. #1
    Hello Everyone,
    I have tried to duplicate the css font and font size that is on the following page[see linik] page, but I have been unable to. Could some one give me a sample css that would make my text look like this? Here is the link to the site.. Its the main text area.

    http://keyetv.com/topstories/topstories_story_299113124.html

    Thanks, Dan
     
    dk4210, Oct 27, 2006 IP
  2. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #2
    It looks like Georgia, at a large font-size, with reduced letter-spacing.

    Try something like this:
    
h2 {font-family:Georgia,serif;font-size:36px;letter-spacing:-0.1em}
    Code (markup):
     
    AdamSee, Oct 27, 2006 IP
  3. junjun

    junjun Peon

    Messages:
    89
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Dan, are you talking about the header text?
     
    junjun, Oct 27, 2006 IP
  4. PrateekSaxena

    PrateekSaxena Peon

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    But the -0.1em might only work on Internet Explorer
     
    PrateekSaxena, Oct 28, 2006 IP
  5. AdamSee

    AdamSee Well-Known Member

    Messages:
    422
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    135
    #5
    The -0.1em will work on all modern browsers.
     
    AdamSee, Oct 28, 2006 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    IE is not a modern browser, though. Its support for letter-spacing is incomplete/faulty. Test for your particular case.

    cheers,

    gary
     
    kk5st, Oct 28, 2006 IP
  7. junjun

    junjun Peon

    Messages:
    89
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    *cough* What? How much newer can a browser be in order to be modernin your view?
     
    junjun, Oct 28, 2006 IP
  8. Pat Gael

    Pat Gael Banned

    Messages:
    1,331
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    0
    #8
    the problem that most people face with -0.1em is that they never know exacly the final result working with em units instead of pixels
     
    Pat Gael, Oct 28, 2006 IP
  9. blis102

    blis102 Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    By modern he means in compliance with the W3C standards. IE is notorious for ignoring the standards set out by the W3C. There are many "bugs" that are in IE which are not consistant at all with web standards. Designers must work around IE, even though it is the most popular browser. Hense the term 'browser hacks'.


    In Regards to the topic

    The font for the H1 tag is 
    font-family:georgia, serif;
    Code (markup):
    The font fot the paragraph is:
    font-family:verdana, san-serif;
    Code (markup):


    With Line height set to
    line-height:1.3em;
    Code (markup):
    To view the page's CSS go here:

    http://static.viacomlocalnetworks.com/css/screen.css

    Hope this helps,

    Cheers,
    D
     
    blis102, Oct 28, 2006 IP