SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Enthusiast quiquedcode's Avatar
    Join Date
    Jun 2004
    Location
    Argentina
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    To mimic a Font from image, with CSS code

    Hi guys
    I've started this thread in this CSS forum, because I need to find a solution in CSS code.

    I was given an image. I must make same menu, using CSS. But this is not a problem. My problem is to find in css a real typography that mimics following image



    Does any1 know which css code and which font should I use ?
    Thanks a lot in advance
    Enrique Becerra
    CodeIgniter / Joomla / Facebook-Twitter APIs
    http://www.freelancer.com/u/kabeza.html
    http://about.me/kabeza

  2. #2
    SitePoint Enthusiast Northern Star's Avatar
    Join Date
    Aug 2006
    Location
    Cheshire, UK
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You won't be able to replicate the exact font, but you'll be able to get a close match using one of the standard fonts.

    Try experimenting with 'font-size:' and 'font-family' until you get the closet match. I'd go for something like 'Arial' 11px.

  3. #3
    SitePoint Enthusiast quiquedcode's Avatar
    Join Date
    Jun 2004
    Location
    Argentina
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I will try the Arial 11px and will post the results here. Thanks for the advise
    Enrique Becerra
    CodeIgniter / Joomla / Facebook-Twitter APIs
    http://www.freelancer.com/u/kabeza.html
    http://about.me/kabeza

  4. #4
    SitePoint Zealot
    Join Date
    Jul 2006
    Location
    Florida
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yeah, you won't be able to recreate that smooth effect that PS can create using anything but an image

  5. #5
    SitePoint Enthusiast quiquedcode's Avatar
    Join Date
    Jun 2004
    Location
    Argentina
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've tried
    Arial, 11px



    original


    maybe some other adjustment ?
    Enrique Becerra
    CodeIgniter / Joomla / Facebook-Twitter APIs
    http://www.freelancer.com/u/kabeza.html
    http://about.me/kabeza

  6. #6
    SitePoint Enthusiast Northern Star's Avatar
    Join Date
    Aug 2006
    Location
    Cheshire, UK
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just keep on trying different fonts... it's the only thing I can suggest.

    Others to try are 'Tahoma' or 'Verdana' - your never going to be able to get it perfect I'm afraid.
    "If it ain't broken, don't fix it!"
    ----
    Northern Star - Web design, stategy & development.

  7. #7
    SitePoint Enthusiast quiquedcode's Avatar
    Join Date
    Jun 2004
    Location
    Argentina
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cool
    I made this, look

    www.beza.com.ar/fuentes

    which looks closer for you ?
    Enrique Becerra
    CodeIgniter / Joomla / Facebook-Twitter APIs
    http://www.freelancer.com/u/kabeza.html
    http://about.me/kabeza

  8. #8
    SitePoint Enthusiast Northern Star's Avatar
    Join Date
    Aug 2006
    Location
    Cheshire, UK
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well,

    I'd go for 'Verdana' - but thats personal preference more than anything. I'm no Typography expert!
    "If it ain't broken, don't fix it!"
    ----
    Northern Star - Web design, stategy & development.

  9. #9
    SitePoint Enthusiast quiquedcode's Avatar
    Join Date
    Jun 2004
    Location
    Argentina
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Northern Star
    Well,

    I'd go for 'Verdana' - but thats personal preference more than anything. I'm no Typography expert!
    lol
    no prob man, I'm just taking a poll
    thanks 4 your opinion
    Enrique Becerra
    CodeIgniter / Joomla / Facebook-Twitter APIs
    http://www.freelancer.com/u/kabeza.html
    http://about.me/kabeza

  10. #10
    SitePoint Enthusiast ComputerGuru247's Avatar
    Join Date
    Jul 2006
    Location
    Wisconsin
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The one you coded looks fine. Why replicate the text? Just go verdana.
    Bryan

    Breakpoint Designs - Web Design, Logos, and more!

  11. #11
    SitePoint Member Elysa's Avatar
    Join Date
    Nov 2005
    Location
    Dallas, TX
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I vote Verdana also


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
  •