New to Typophile? Accounts are free, and easy to set up.
How can I achieve consistent visual alignment with lowercase letters?
Posted by bsegovia in
3 Dec 2012 — 11:11am
3 Dec 2012 — 11:11am
I know. The subject is a mess but as a typography noob, I just didn't know how else to word my issue. Perhaps an image would be better.
I need the entire alphabet visually aligned within the orange box above. This font, as with many others, does not align with a text box, which then requirs manual nudging.
I'm building a website that utilizes a user's input text (e.g. "h") that would impose on this design. The problem is that because the letters all align differently, it is causing a terrible output.
My question (to this fine typophile community): Is there some setting or attribute about a font I should look for to achieve what I am after? Are my hopes and dreams about automatic visual alignment simply that; hopes and dreams?
User login
Support our Sponsors
3 Dec 2012 — 11:37am
Do you mean vertically or horizontally centered, or something else? What software are you working in? Does the text have to remain editable as text, or are outlines enough?
3 Dec 2012 — 11:51am
Hey Luma, thanks for the reply.
I mean vertically aligned. (the "g" in the example above is perfect.)
I'm working in InDesign and the text needs to stay editable unfortunately.
3 Dec 2012 — 12:31pm
So, you mean visually centred vertically?
3 Dec 2012 — 12:39pm
So you want the very top of the letter to be exactly the same distance from the top of the box as the bottom of the letter is from the bottom of the box?
3 Dec 2012 — 1:20pm
@Nick: Exactly.
@Luma: Yes. The top AND the bottom to be equidistant from the bottom and top of the box.
3 Dec 2012 — 1:39pm
I don’t think there is any alignment information in the font which is directly useful.
However, you may be able to calculate how much of a baseline shift is required for each letter, and program that into the web site.
Alternatively, use a lining typeface—either all caps or unicase.
Here are a couple of mine:
Panoptica
Parity
3 Dec 2012 — 1:46pm
LINING! Thank you! I've updated it to just take all caps. Desired outcome achieved! Thanks Nick and everyone.