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. The Lounge
  3. Blurry text in WPF / Silverlight

Blurry text in WPF / Silverlight

Scheduled Pinned Locked Moved The Lounge
csharpvisual-studiowpfquestion
22 Posts 10 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.
  • R Offline
    R Offline
    Roger Alsing 0
    wrote on last edited by
    #1

    Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

    P M P N L 7 Replies Last reply
    0
    • R Roger Alsing 0

      Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

      P Offline
      P Offline
      Paul Watson
      wrote on last edited by
      #2

      ... wipe the drool off your monitor, should be clearer then.

      regards, Paul Watson Ireland & South Africa

      Fernando A. Gomez F. wrote:

      At least he achieved immortality for a few years.

      R M 2 Replies Last reply
      0
      • P Paul Watson

        ... wipe the drool off your monitor, should be clearer then.

        regards, Paul Watson Ireland & South Africa

        Fernando A. Gomez F. wrote:

        At least he achieved immortality for a few years.

        R Offline
        R Offline
        Roger Alsing 0
        wrote on last edited by
        #3

        Im not asking how to use or develop with WPF. Im asking if others are having the same bug as I do. If I go to a silveright site, eg. MS download it looks terrible

        My Blog

        P 1 Reply Last reply
        0
        • R Roger Alsing 0

          Im not asking how to use or develop with WPF. Im asking if others are having the same bug as I do. If I go to a silveright site, eg. MS download it looks terrible

          My Blog

          P Offline
          P Offline
          Paul Watson
          wrote on last edited by
          #4

          Yeah and the fix is to wipe the drool off your screen... ;) (Just been a lot of WPF and Quicksilver stuff here in the Lounge lately.)

          regards, Paul Watson Ireland & South Africa

          Fernando A. Gomez F. wrote:

          At least he achieved immortality for a few years.

          1 Reply Last reply
          0
          • R Roger Alsing 0

            Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

            M Offline
            M Offline
            Marc Clifton
            wrote on last edited by
            #5

            Roger Alsing wrote:

            Anyone else having problems with text rendering quality in WPF and Silverlight?

            Text? WPF and Silverlight render text? Wow, I never knew. I thought that it was just for YouTube videos, annoying mouse-over animations, and glossy graphics. Marc

            Thyme In The Country Interacx My Blog

            1 Reply Last reply
            0
            • R Roger Alsing 0

              Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

              P Offline
              P Offline
              Pete OHanlon
              wrote on last edited by
              #6

              You may find this[^] post interesting.

              Deja View - the feeling that you've seen this post before.

              My blog | My articles

              M 1 Reply Last reply
              0
              • R Roger Alsing 0

                Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

                N Offline
                N Offline
                NormDroid
                wrote on last edited by
                #7

                Yep, this is a know - cough - issue.

                www.software-kinetics.co.uk

                1 Reply Last reply
                0
                • P Paul Watson

                  ... wipe the drool off your monitor, should be clearer then.

                  regards, Paul Watson Ireland & South Africa

                  Fernando A. Gomez F. wrote:

                  At least he achieved immortality for a few years.

                  M Offline
                  M Offline
                  Mustafa Ismail Mustafa
                  wrote on last edited by
                  #8

                  :laugh:

                  "Every time Lotus Notes starts up, somewhere a puppy, a kitten, a lamb, and a baby seal are killed. Lotus Notes is a conspiracy by the forces of Satan to drive us over the brink into madness. The CRC-32 for each file in the installation includes the numbers 666." Gary Wheeler "You're an idiot." John Simmons, THE Outlaw programmer "I realised that all of my best anecdotes started with "So there we were, pissed". Pete O'Hanlon

                  1 Reply Last reply
                  0
                  • R Roger Alsing 0

                    Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

                    L Offline
                    L Offline
                    leppie
                    wrote on last edited by
                    #9

                    That is one of the major reasons I have not even used or attempted to use it. Every single example I see blurry text. If you want to see crystal clear anti-aliased text, look at VS2008 or xacc.ide.

                    xacc.ide - now with TabsToSpaces support
                    IronScheme - 1.0 alpha 3 out now

                    1 Reply Last reply
                    0
                    • P Pete OHanlon

                      You may find this[^] post interesting.

                      Deja View - the feeling that you've seen this post before.

                      My blog | My articles

                      M Offline
                      M Offline
                      Marc Clifton
                      wrote on last edited by
                      #10

                      Pete O'Hanlon wrote:

                      You may find this[^] post interesting.

                      You gotta love this reply: Just to add a comment, when I look at your image on my computer, it looks much better with the antialiasing turned on. Dude. Antialiasing does not change how a JPG looks. :rolleyes: Marc

                      Thyme In The Country Interacx My Blog

                      P S R 3 Replies Last reply
                      0
                      • R Roger Alsing 0

                        Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

                        W Offline
                        W Offline
                        WillemM
                        wrote on last edited by
                        #11

                        Have you tried turning on/off cleartype? It usually fixes the problem for me.

                        WM. What about weapons of mass-construction? "What? Its an Apple MacBook Pro. They are sexy!" - Paul Watson My blog

                        1 Reply Last reply
                        0
                        • R Roger Alsing 0

                          Anyone else having problems with text rendering quality in WPF and Silverlight? It looks like its trying to render with Cleartype but with the RGB/BGR elements reversed. It looks especially funky in VS.NET in the property window.

                          R Offline
                          R Offline
                          Rama Krishna Vavilala
                          wrote on last edited by
                          #12

                          Yes and I lost interest in even evaluating my application to use SilverLight when I saw the ugly text rendering.

                          This has been discussed, again and again and again and always we (the denizens of the CP lounge) have come to the conclusion that their method of rating is pure, untouched, unadulterated, genuine, verifiable, refined trash. MIM on TIOBE

                          1 Reply Last reply
                          0
                          • M Marc Clifton

                            Pete O'Hanlon wrote:

                            You may find this[^] post interesting.

                            You gotta love this reply: Just to add a comment, when I look at your image on my computer, it looks much better with the antialiasing turned on. Dude. Antialiasing does not change how a JPG looks. :rolleyes: Marc

                            Thyme In The Country Interacx My Blog

                            P Offline
                            P Offline
                            Pete OHanlon
                            wrote on last edited by
                            #13

                            Marc Clifton wrote:

                            Dude. Antialiasing does not change how a JPG looks.

                            It does if you close your eyes, cross your fingers and hope blindly that the pesky users go away.

                            Deja View - the feeling that you've seen this post before.

                            My blog | My articles

                            1 Reply Last reply
                            0
                            • M Marc Clifton

                              Pete O'Hanlon wrote:

                              You may find this[^] post interesting.

                              You gotta love this reply: Just to add a comment, when I look at your image on my computer, it looks much better with the antialiasing turned on. Dude. Antialiasing does not change how a JPG looks. :rolleyes: Marc

                              Thyme In The Country Interacx My Blog

                              S Offline
                              S Offline
                              Shog9 0
                              wrote on last edited by
                              #14

                              Marc Clifton wrote:

                              Dude. Antialiasing does not change how a JPG looks.

                              It does if you convert it to ASCII art prior to rendering...;P

                              Citizen 20.1.01

                              'The question is,' said Humpty Dumpty, 'which is to be master - that's all.'

                              1 Reply Last reply
                              0
                              • M Marc Clifton

                                Pete O'Hanlon wrote:

                                You may find this[^] post interesting.

                                You gotta love this reply: Just to add a comment, when I look at your image on my computer, it looks much better with the antialiasing turned on. Dude. Antialiasing does not change how a JPG looks. :rolleyes: Marc

                                Thyme In The Country Interacx My Blog

                                R Offline
                                R Offline
                                Roger Alsing 0
                                wrote on last edited by
                                #15

                                I think they are saying antialias and meaning Cleartype. And in such case the screenshot may look different on different computers, Because different monitors may have different RGB element layout.. if its RGB or BGR , since cleartype is a trick wich uses just that.. (http://en.wikipedia.org/wiki/ClearType[^] for those who refuse to beleive it ;) )

                                My Blog

                                M 1 Reply Last reply
                                0
                                • R Roger Alsing 0

                                  I think they are saying antialias and meaning Cleartype. And in such case the screenshot may look different on different computers, Because different monitors may have different RGB element layout.. if its RGB or BGR , since cleartype is a trick wich uses just that.. (http://en.wikipedia.org/wiki/ClearType[^] for those who refuse to beleive it ;) )

                                  My Blog

                                  M Offline
                                  M Offline
                                  Marc Clifton
                                  wrote on last edited by
                                  #16

                                  Roger Alsing wrote:

                                  I think they are saying antialias and meaning Cleartype.

                                  It's a JPG! :) The guy was saying that the antialiasing looked fine when he viewed the JPG on his computer! How can that be--there's no ClearType involved rendering a JPG. :rolleyes: Marc

                                  Thyme In The Country Interacx My Blog

                                  R 1 Reply Last reply
                                  0
                                  • M Marc Clifton

                                    Roger Alsing wrote:

                                    I think they are saying antialias and meaning Cleartype.

                                    It's a JPG! :) The guy was saying that the antialiasing looked fine when he viewed the JPG on his computer! How can that be--there's no ClearType involved rendering a JPG. :rolleyes: Marc

                                    Thyme In The Country Interacx My Blog

                                    R Offline
                                    R Offline
                                    Roger Alsing 0
                                    wrote on last edited by
                                    #17

                                    If I take a screenshot of my screen here (with cleartype enabled) The text on that screenshot will be pixelated according to _my_ screen rgb layout If I send that screenshot to you, and you happen to have another RGB emelent layout, eg BGR instead, the text on that image would look bad when you view it.. because the pixels in the text on the image was rendered according to another rgb layout But if he is infact talking about real antialias and not cleartype, then ofcourse the image will not change..

                                    My Blog

                                    M 1 Reply Last reply
                                    0
                                    • R Roger Alsing 0

                                      If I take a screenshot of my screen here (with cleartype enabled) The text on that screenshot will be pixelated according to _my_ screen rgb layout If I send that screenshot to you, and you happen to have another RGB emelent layout, eg BGR instead, the text on that image would look bad when you view it.. because the pixels in the text on the image was rendered according to another rgb layout But if he is infact talking about real antialias and not cleartype, then ofcourse the image will not change..

                                      My Blog

                                      M Offline
                                      M Offline
                                      Marc Clifton
                                      wrote on last edited by
                                      #18

                                      Roger Alsing wrote:

                                      because the pixels in the text on the image was rendered according to another rgb layout

                                      A pic is a pic is a pic. If what you say were true, then any pic would look like crap simply becaue of some difference in the element layout. What am I missing here? Marc

                                      Thyme In The Country Interacx My Blog

                                      R 1 Reply Last reply
                                      0
                                      • M Marc Clifton

                                        Roger Alsing wrote:

                                        because the pixels in the text on the image was rendered according to another rgb layout

                                        A pic is a pic is a pic. If what you say were true, then any pic would look like crap simply becaue of some difference in the element layout. What am I missing here? Marc

                                        Thyme In The Country Interacx My Blog

                                        R Offline
                                        R Offline
                                        Roger Alsing 0
                                        wrote on last edited by
                                        #19

                                        You are missing how Cleartype text is rendered.. Cleartype is based on a trick with sub pixels layout of rgb elements of some monitors are: R G B R G B R G B so you can get a virtual resolution of 3 times your real horizontal res. eg if you have 1024x768 , the cleartype resolution is 3072 * 768 lets say that we render an "A" with 6 x 8 pixels in Cleartype RGB layout:

                                        one pixel = [R G B]

                                        R G B R G B R G B R G B R G B R G B
                                        . . . . . . # # # # . . . . . . . .
                                        . . . . . # # # # # # . . . . . . .
                                        . . . . # # # . . # # # . . . . . .
                                        . . . # # # . . . . # # # . . . . .
                                        . . # # # # # # # # # # # # . . . .
                                        . # # # . . . . . . . . # # # . . .
                                        . # # # . . . . . . . . # # # . . .

                                        # # # # . . . . . . # # # # # . .

                                        if you take a screenshot of an image containing an "A" rendered this way. and then present it on a monitor with BGR layout. it would appear as:

                                        included extra spaces to show the BGR elements
                                        one pixel = [B G R]

                                        B G R B G R B G R B G R B G R B G R
                                        . . . . . . # # # . . # . . . . . .
                                        . . . # . . # # # . # # . . . . . .
                                        . . . # # . . . # # # # . . . . . .
                                        . . . # # # . . . # # . . . # . . .

                                        . . # # # # # # # # # . # # . . .

                                        # . . . # . . . . . . # # # . . .

                                        # . . . # . . . . . . # # # . . .

                                        # # # # . . . . # . . # # # . .

                                        (its still the exact same pixels on the image.. its just that the layout of the RGB elments on the monitor are different..) The same does NOT happen for normal images, since they do not rely on this sub pixel trick.. (You better give me a 5 for the ascii art ;-)) On my system a crisp "A" looks like this if zoomed. http://www.puzzleframework.com/Roger/cleartypea.gif[^] But if I make a screenshot of the blurred WPF text containing an "A" , the red and blue would be reversed.. Found this on wikipedia also: http://en.wikipedia.org/wiki/Subpixel_rendering[^] It might explain it better than my ascii art :P

                                        My Blog

                                        modified on Thursday, May 8, 2008 2:11 PM

                                        M 1 Reply Last reply
                                        0
                                        • R Roger Alsing 0

                                          You are missing how Cleartype text is rendered.. Cleartype is based on a trick with sub pixels layout of rgb elements of some monitors are: R G B R G B R G B so you can get a virtual resolution of 3 times your real horizontal res. eg if you have 1024x768 , the cleartype resolution is 3072 * 768 lets say that we render an "A" with 6 x 8 pixels in Cleartype RGB layout:

                                          one pixel = [R G B]

                                          R G B R G B R G B R G B R G B R G B
                                          . . . . . . # # # # . . . . . . . .
                                          . . . . . # # # # # # . . . . . . .
                                          . . . . # # # . . # # # . . . . . .
                                          . . . # # # . . . . # # # . . . . .
                                          . . # # # # # # # # # # # # . . . .
                                          . # # # . . . . . . . . # # # . . .
                                          . # # # . . . . . . . . # # # . . .

                                          # # # # . . . . . . # # # # # . .

                                          if you take a screenshot of an image containing an "A" rendered this way. and then present it on a monitor with BGR layout. it would appear as:

                                          included extra spaces to show the BGR elements
                                          one pixel = [B G R]

                                          B G R B G R B G R B G R B G R B G R
                                          . . . . . . # # # . . # . . . . . .
                                          . . . # . . # # # . # # . . . . . .
                                          . . . # # . . . # # # # . . . . . .
                                          . . . # # # . . . # # . . . # . . .

                                          . . # # # # # # # # # . # # . . .

                                          # . . . # . . . . . . # # # . . .

                                          # . . . # . . . . . . # # # . . .

                                          # # # # . . . . # . . # # # . .

                                          (its still the exact same pixels on the image.. its just that the layout of the RGB elments on the monitor are different..) The same does NOT happen for normal images, since they do not rely on this sub pixel trick.. (You better give me a 5 for the ascii art ;-)) On my system a crisp "A" looks like this if zoomed. http://www.puzzleframework.com/Roger/cleartypea.gif[^] But if I make a screenshot of the blurred WPF text containing an "A" , the red and blue would be reversed.. Found this on wikipedia also: http://en.wikipedia.org/wiki/Subpixel_rendering[^] It might explain it better than my ascii art :P

                                          My Blog

                                          modified on Thursday, May 8, 2008 2:11 PM

                                          M Offline
                                          M Offline
                                          Marc Clifton
                                          wrote on last edited by
                                          #20

                                          Roger Alsing wrote:

                                          (You better give me a 5 for the ascii art )

                                          Done. :) <blockquote class="FQ"><div class="FQA">Roger Alsing wrote:</div>The same does NOT happen for normal images, since they do not rely on this sub pixel trick..</blockquote> Well, I must be extra dense today, because your wonderful explanation is still not connecting the dots for me (pardon the pun). I guess if I look at it the other way, that you have to set up subpixeling correctly for your monitor type, then on a monitor with a different RGB layout, it would look fuzzy. But then, that sort of begs the question, why aren't pictures distorted depending on the RGB layout? Or are they, but we just don't notice? Marc

                                          Thyme In The Country Interacx My Blog

                                          R 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