Commanding Chaos for Coworking, Open Source and Creative Communities

Type Rendering Mix

Thu, 09/04/2014 - 12:14 -- rprice

Using Type Rendering Mix you can instead decrease the font weight for browsers that use Core Text to render text. By only applying changes when Core Text is used you will achieve a more consistent rendering while preserving the accuracy of sub-pixel antialiasing. .tr-coretext { font-weight: 100; } Another use case for Type Rendering Mix is to disable web fonts when no antialiasing is applied. In the following example we fall back on “Verdana”, one of the core web fonts that is known to render well when antialiasing is disabled. .tr-aa-none { font-family: Verdana, sans-serif; } You can also disable web fonts if you know that they render badly on some text rasterizers.