Look at
http://www.webdesignerdepot.com/2013/05/how-to-optimize-for-legibility-using-text-rendering/
or Google it for many more articles. Support for the optimizeLegibility
setting is pretty good.
The text-rendering property has four settings:
auto: allows the browser to choose a setting itself (generally
defaults to optimizeSpeed)
optimizeSpeed: focuses on speed
optimizeLegibility: focuses on advanced rendering
geometricPrecision: precise rendering
optimizeLegibility will improve kerning and add ligature substitution.
geometricPrecision (minimally supported, just Chrome, I think) allegedly
calculates subpixel kerning values and prioritizes kerning over any
other property.
Rick Gordon
------------------------
On 7/9/14 9:54 AM, "Elli Vizcaino" wrote:
A more stable fix is using a small negative margin-right (something
like -.1em). But again, this is dependent on platform, browser and
font-metrics.
Thanks you guys for all the input. Yes it seems to be the font metrics
as when I resized the text in the test div it the same spacing issue
appeared. I decided to use a negative margin in percentages though and
that seems to work, at least in Chrome. Have not done full testing
across browsers yet.
I would recommend to redo the SVG as an image since the can be scaled as a
percentage width of the<h1> header and would look much more graceful as you
re-sized the view-port. The only problem is it also fails in IE12.
Will have to experiment with this later ... thanks for the demos and
if you can leave them up for awhile would greatly appreciate it.
Just curious if text-rendering:optimizeLegibility might help. I've found it can
really be helpful with type.
Rick, can you please expand on this? I'm not sure what this is or how
to implement it.
Elli Vizcaino
http://www.e7flux.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
___________________________________________
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___________________________________________
WWW: http://www.shelterpub.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
