Home/ Questions/Q 8779493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T19:48:04+00:00

I’m using a font which, for some reason, floats above the baseline compared to

  • 0

I’m using a font which, for some reason, floats above the baseline compared to other fonts. I want to convert it to a webfont and embed it using @font-face but I need a way to either repair the font, or somehow correct the strange leading with CSS. Is this possible?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I was slightly mistaken in my original question, because I was converting from cufon.js to using @font-face. The rendering was a little wacky due to the cufon rendering (not the actual font or the css). Nevertheless, in the course of figuring this out, I think I came up with useful answers:

    1. To make adjustments to the actual font, the go-to (open-source) tool for this job seems to be: fontforge. The interface is clunky, but it’s a powerful tool if you can figure out how to use it. Newer Macs will need to install XQuartz (or another X11 environment) to run it.

    2. As for adjustments to the css/webfont, font squirrel seems to offer the most powerful generator with the most customizable options, such as ex-height matching and character subsetting, and a bunch of other advanced options that are over my head. The downside is that many font foundries have requested their fonts to be blacklisted so the generator won’t convert them for copyright reasons.

    Between these two tools, and familiarity with css3 font styles, you should pretty set-up for web typography today.

    ps: I know of many alternatives to fontsquirrel that seem to do pretty much the same thing with less options. But I don’t know any reasonable alternatives to fontforge. Please feel free to comment with alternatives if you know of any.

    • 0