facelift v1.2 » Documentation » flir.js [FLIRStyle Object]

Please note: The documentation hasn't been updated for v1.2 yet. Some portions of these files may no longer be relavant or oudated but the majority of it is still good.

flir.js [FLIRStyle Object] » @realFontHeight

realFontHeight uses HBOUNDS_TEXT to try to determine the tallest character.

Sometimes when you are replacing multiple snippets of text in a line their vertical alignment will go off.

Consider this example: A quick brown fox

<h1><span>A </span><span style="color:blue;">quick </span><span>brown fox</span></h1>

Facelift will parse each section of text as a different image so what you will end up with is not exactly what you may have expected.

You can view a live example of this happening in the Examples section. Look at #3, "Now let's spice it up." All characters are on the baseline until you click on Update. After you click on update the last word, "up!" jumps above all others due to the p's tail hanging below the baseline. Setting realFontHeight to true would fix this behavior.

 
About | Examples | Download | Docs | Quick Start | Donate | flirPremium
facelift is written by Cory Mawhorter