[Pro] Tip for light text on dark backgrounds

Browsers tend to add pixels to regular weight, white/light-colored text on dark backgrounds, thus making them view heavier than they really are. The solution is to add two sets of code (both are required to cover the major browsers). Note that it doesn’t work on the iPad horizontal format, as the fonts will still render more heavily than they should; will look fine on vertical though.

Click on “Extend” in the Edit Styles pane and add the below code in the Name and Value fields (without the quotes). This has to be done individually for every style that appears on a dark background (unless there is a universal way to apply it that I’m unaware of).

Name field: "-webkit-font-smoothing"
Value field: "antialiased"

Name field: "-moz-osx-font-smoothing"
Value field: "grayscale"

FYI: Below is the full coding for placing directly into CSS (the colons are not required in FW):

-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale

freewaytalk mailing list
Update your subscriptions at: