I have some questions about this MDN page:
https://developer.mozilla.org/en-US/doc ... -rendering
The text-rendering property is supposed to affect how texts look on the screen, specifically how kerning pairs look and whether letter pairs can be substituted by ligatures. It has 4 values: auto, optimizeSpeed, optimizeLegibility and geometricPrecision.
So far, so good, but I can't see any differences when I test those values. And if you read the MDN page carefully, auto means the same as either optimizeSpeed or optimizeLegibility depending on font size, geometricPrecision means the same as optimizeLegibility, and as a throwaway remark at the very end of the page, optimizeSpeed has no effect.
In other words, the property doesn't actually do anything! Then why doesn't the page simply say so, instead of stating that the property is supported in Gecko 1.9 and up? Or am I missing something?
What does the text-rendering css property do?
- Pim
- Posts: 2215
- Joined: May 17th, 2004, 2:04 pm
- Location: Netherlands
What does the text-rendering css property do?
Groetjes, Pim
- jscher2000
- Posts: 11742
- Joined: December 19th, 2004, 12:26 am
- Location: Silicon Valley, CA USA
- Contact:
Re: What does the text-rendering css property do?
It looks like there is no distinction between optimizeSpeed and optimizeLegibility in Firefox 4 and higher: https://developer.mozilla.org/docs/Web/ ... ecko_Notes
- patrickjdempsey
- Posts: 23686
- Joined: October 23rd, 2008, 11:43 am
- Location: Asheville NC
- Contact:
Re: What does the text-rendering css property do?
Doesn't do anything for me in Fx or SM. Neither does the somewhat-related font-feature-settings:
https://developer.mozilla.org/en-US/doc ... e-settings
http://clagnut.com/sandbox/css3/
But since fonts are rendered based on what's installed on the OS via the graphics card, this stuff might work on some systems and not others.
https://developer.mozilla.org/en-US/doc ... e-settings
http://clagnut.com/sandbox/css3/
But since fonts are rendered based on what's installed on the OS via the graphics card, this stuff might work on some systems and not others.
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/
-
- Posts: 34
- Joined: June 13th, 2013, 4:27 am
Re: What does the text-rendering css property do?
The text-rendering property in CSS allows you to choose quality of text over speed (or vice versa) allowing you to fine tune optimization by suggesting to the browser as to how it should render text on the screen.
WordPress Developer Miami providing best WordPress Websites for small businesses.