Web Programmer Tips: Cufon Fonts Cut Off

Home/Web Programmer Tips: Cufon Fonts Cut Off

2013 is becoming more and more about typography, and with the emergence of Cufon fonts, Fontface types and Google’s font library we’re really becoming spoiled for choice.

However, a question I am often asked is why Cufon fonts often cut off the top or bottom of the font.  Fear not, there’s an easy fix.

Cufont Fonts Cutting Off Top or Bottom

As previously mentioned, the fix is an easy one, but it may take some trial and error.  What you need to do is edit the .js file that contains the font information and look for the line that contains the following (obviously the numbers shown will be different):

“ascent”:”999″,”descent”:”-99″

Edit these numbers and you’ll see the way the font appears will change.  Simply play around with the numbers until it looks okay.

 

2013-10-21T15:45:35+00:00 March 21st, 2013|Programming Tips|0 Comments

About the Author:

Warren Chandler is a freelance web programmer and web developer, based in Frinton on Sea, Essex. Warren specialises in web programming, web design, corporate identity, copy writing, SEO, logo and print media for home, work, and mobile platforms.

Leave A Comment