Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. Font looks different with same styles

Font looks different with same styles

Scheduled Pinned Locked Moved Web Development
csswpftutorialannouncement
4 Posts 3 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    Phatinox
    wrote on last edited by
    #1

    Hey Im tryng to replicate a website look to a ERP portal, and im having problems with the look of the font. The css specification is exacly the same in the two websites. font-family: Verdana, Arial; font-weight: normal; font-size: 12px; Even using the same browser the font does not look the same; heres the picture of the current look: top ( website) bottom ( ERP Portal ). http://imageshack.us/photo/my-images/713/fonttest.png As you can probably see the shape looks the same , but the font itself seems to be a little darker in the website version , same is happening to pretty much every font definition in the website. Would like any suggestion or ideia about the cause of this and how to solve it. Thanks

    G L 2 Replies Last reply
    0
    • P Phatinox

      Hey Im tryng to replicate a website look to a ERP portal, and im having problems with the look of the font. The css specification is exacly the same in the two websites. font-family: Verdana, Arial; font-weight: normal; font-size: 12px; Even using the same browser the font does not look the same; heres the picture of the current look: top ( website) bottom ( ERP Portal ). http://imageshack.us/photo/my-images/713/fonttest.png As you can probably see the shape looks the same , but the font itself seems to be a little darker in the website version , same is happening to pretty much every font definition in the website. Would like any suggestion or ideia about the cause of this and how to solve it. Thanks

      G Offline
      G Offline
      Graham Breach
      wrote on last edited by
      #2

      It's not easy to tell much about the CSS from an image, but it looks like the top text is antialiased and the bottom text isn't.

      1 Reply Last reply
      0
      • P Phatinox

        Hey Im tryng to replicate a website look to a ERP portal, and im having problems with the look of the font. The css specification is exacly the same in the two websites. font-family: Verdana, Arial; font-weight: normal; font-size: 12px; Even using the same browser the font does not look the same; heres the picture of the current look: top ( website) bottom ( ERP Portal ). http://imageshack.us/photo/my-images/713/fonttest.png As you can probably see the shape looks the same , but the font itself seems to be a little darker in the website version , same is happening to pretty much every font definition in the website. Would like any suggestion or ideia about the cause of this and how to solve it. Thanks

        L Offline
        L Offline
        Lost User
        wrote on last edited by
        #3

        Sorry can't access your image link. However, this page may give you the explanation you need ... http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/[^]

        P 1 Reply Last reply
        0
        • L Lost User

          Sorry can't access your image link. However, this page may give you the explanation you need ... http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/[^]

          P Offline
          P Offline
          Phatinox
          wrote on last edited by
          #4

          thanks for both answers that is just my problem i just took a screenshot of the same word in both websites and one have grey pixels while the other either has black or white. is there a way to force the font rendering to be the same? thanks

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • World
          • Users
          • Groups