Tag Info

Hot answers tagged

27

Any font has built-in spacing determined by the "side bearing" of each character. In metal type, the side bearing is the physical right or left edge of the individual piece of type that determines its spacing from the characters on either side. Digital fonts mimic this in the basic design process. "To kern" means to adjust the spacing between a pair of ...


21

From the Wikipedia article on letter spacing: In typography, letter-spacing, also called tracking, refers to the amount of space between a group of letters to affect density in a line or block of text. Letter-spacing can be confused with kerning. Letter-spacing refers to the overall spacing of a word or block of text affecting its overall density ...


15

I would use half the width of the vertical for kerning between most areas (magenta rectangles) then the full width of the vertical on either side of the ls (orange rectangles). I would also shorten the height of the lowercase ls. The additional height of the ls is throwing off the balance considerably. Reducing the height of the ls to match the hight of ...


14

Look at the red below: We do have some good questions on this such as: Difference between kerning vs letter spacing? What is kerning and what is the point of it? The way I would come up with the kerning in this example is to use the given tracking. Example of this here: Do note that the kerning is subjective in nature and is typically ones ...


13

I think the Wikipedia kerning article essentially covers it, but the bulk of the article is about adding kerning information to a font during its design, or applications automatically using this built-in information to improve composition of a font's characters -- rather than the a fine-tuning a designer might do on a particularly problematic pair of ...


10

Yes, that is essentially it. From Wikipedia: In typography, kerning (less commonly mortising) is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. In a well kerned font, the two-dimensional blank spaces between each pair of characters all have similar area. The related term kern ...


8

Applications don't kern by default. The font files have internal kerning data. Application read the internal kerning data and display that. The cheaper the fonts, the worse the kerning tends to be. Default kerning is a direct result of the font file and is not the fault of any application using that font.


8

You're half right! In the case of degrees of arc, the degree symbol follows the number without any intervening space. In the case of degrees of temperature, two scientific and engineering standards bodies (BIPM and the U.S. Government Printing Office) prescribe printing temperatures with a space between the number and the degree symbol, as in 10 ...


4

Kerning is a generic word for adjusting the letter-spacing or "tracking" on a letter-by-letter basis - it does not refer to any specific process by which to do so. It can refer to either: pre-defined kerning or kern pairs, where kerning information is embedded in the font; automatic kerning, where the text is automatically kerned by computer but not by ...


4

Try Kern.js. which is based on Lettering.js (both jQuery plugins): http://www.kernjs.com/ http://letteringjs.com/ That would hopefully give you kerning control without sacrificing SEO and accessibility. Update: I just found out about kerning.js, which may offer even more control than Kern.js: http://endtwist.github.com/kerning.js/ Also based on ...


4

Inkscape certainly converts fonts to paths (Select, then Shift-Ctrl-C). The standard save format is SVG - either 'Inkscape' (extended) SVG or 'plain' SVG. It also has an SVG Font Editor. BTW - I'm assuming this CSS was no good to you: <span style="letter-spacing: 5px">Kerning</span>


4

The main reason to pay close attention to kerning is for readability. Visual appeal is also very important. Another reason is that a properly kerned word will typically take up less horizontal space than an unkerned word, therefore allowing larger type sizes (this is useful for book cover design and poster design). For more information, check out this ...


4

Saying Adobe is bad at kerning does the software a disservice. Yes, as Scott said in his answer, lots of font files don't kern well by themselves. Fortunately, Adobe has the 'Optical' kerning option built into the Character palette: Using this setting, the software will analyse the letterforms and come up with its own kerning. It's not always perfect, but ...


3

My belief is that you simply can not measure with kearning- you just have to really LOOK. Step back five feet. Most of the time, your objective is probably to achieve a sense of balance. You can also use the kearning expressively, but this is not for the weak squeemish newbies or anyone who abhors having to explain themselves. I intentially exaggeratted ...


3

Your kerning is fine (the S might need one more pixel to the right), but the font doesn't really work for the design (looks like Helvetica). Perhaps try another sans-serif or slab-serif typeface and experiment with both thin and bold fonts. Some resources you can refer to for inspiration: FontFont, FontSquirrel and Adobe Type. Experiment, experiment, ...


3

This is a fairly simple algorithm I tried once, and may be good enough. Render the characters in low resolution - say six or seven pixels tall (height of typical capital) about the same horizontally. You want a simple binary map of where there is empty space vs parts of the letter, on a simple low-res grid. "Fatten" these letter maps. That is, fill each ...


3

I found out that there is a huge problem with generating font files that include kerning pairs in Fontographer 5.0. As update 5.1 fixes this, downloading the newest update (5.2 currently) from FontLab's website should fix this for You. There is also a kind of experimental solution with instructions available on their forums that You can try if You want to ...


2

Default kerning values for any specific typeface are embedded within the associated font files. All font files contain kerning values. However, not all fonts have good kerning values. This is a bit of a generality However, most well known typefaces fron quality vendors will have decent kerning values and most free fonts will have default values which ...


2

As boblet points out, there really aren't fonts that have equal spacing between each letterform. The reason is that it would look funny. The spacing between each pair of letters is calculated so that it 'looks' even--even when it's mathematically not (often called optical spacing). The better quality the font, the more of these individual calculations ...


2

I'll show another picture than what Gramps shows. It has something to do with how our eye seperates words: by lightness (darkness on the picture since it's all inverted) of the space between the letters. Now see the picture, which is just the spaces coloured in your example: The space between Xy happens to be almost twice bigger in area than the one ...


2

What's the reason for this spacing? Why did the designer choose to create these kerning pairs? Kerning pairs are bits of data in the font file itself. There may be many, many pairs, there may be none. The rendering software may adhere to the kerning pairs, it may not. It's a bit of a crapshoot. Furthermore, you will likely end up kerning and tracking ...


2

Selecting Text Layers in Gimp Text is represented in an own layer each until we decide to merge layers down. To quickly select a given Layer, or in this case text, I ususally open the "Layers" dialog, accessible from Ctrl + L, or the Windows > Dockable Dialogs menu. There we can select any layer to then use any available transform tool on it such as Move, ...


2

I worked at Adobe making fonts in the 80's and 90's. Back then, the kerning tables built into each font were painstakingly created by hand—or rather, by eye. We spent many hours looking at printed samples, marking and adjusting each letter pair. Kerning by eye is an especially laborious process because of the optical interactions that naturally occur ...


2

First off, kerning and setting the "perfect" type is organic, and very subjective - what seems perfect to me might not work for you. As for programs being bad at kerning, I'll have to disagree. Let me (try to) explain. Digital typesetting programs do not kern text by default. eg. in Photoshop, if you select the text layer and open the "Character" window, by ...


1

A screenshot would greatly help here because really...it depends! If your lettering is meant to be read easily (a heading for an article), I would not mess with the words too much as to keep legibility. It's ok if the length of the words is different. If you had more than 2 lines, you would have to check if your rag is balanced (you don't want to have a ...


1

Algorithms for auto-kerning exist already. None are fool-proof and they tend to need a bit of hand-holding and manual correction of certain aspects, especially if your tracking is relatively tight. But those algorithms are for applying the kerning to the font file, not to the letters as they are generated from the font file. Have you considered applying ...


1

As stated, Inkscape is the tool to go with. But note that an SVG image isn't text anymore. While that's fine for an illustrative type display, you're likely going to want actual text on your site for SEO and accessibility reasons. Have you looked into using CSS webfonts? That might be an acceptable compromise.


1

I'm probably nitpicking here (but then again, that's what kerning is) but the example provided isn't really a kerning issue but rather a letterspacing issue. Yes, the terms are fuzzy and one could swap them it seems, but I think it's important to try and see the conceptual differences as they really are two different questions: 1) Should this typeface be ...


1

In my experience it is typical even for many professionally designed fonts to omit some relatively important kern pairs or kern things less than well, especially once you step outside the basic A-Z, or capitals followed by lowercase. Common weak points are symbols next to letters, lowercase letters preceding capital letters (important for many modern ...


1

My guess is that you're on the right track; system fonts are not meant to be general-use fonts. Try it with a purchased copy and see if that cleans up the problem. Some other suggestions: Try other weights of Helvetica Neue, if you have them. Try other system fonts (to see if it's a font problem or an OS problem). Try other non-system fonts.



Only top voted, non community-wiki answers of a minimum length are eligible