Home › Resources & tools › Chemical kerning

Chemical kerning

Chemical drawing software uses various heuristics or hard-coded rules to determine the spacing between labels and bond lines. This leads to suboptimal results, with the structures looking either cramped or too spaced out.

To improve the appearance of chemical structures, we should consider the shapes of the glyphs and adjust the spacing between atoms and bonds accordingly. This can be called "chemical kerning".

In the demo below, the gaps between atoms and bonds are calculated based on the offsetted glyph shapes to create the desired optical spacing. The result is a more visually pleasing structure.

You can edit the label to see how the kerning changes and even try inserting emojis.

F

See also

$29.99

Explore the deep mathematical relationships and typographic beauty within numerical series.

mathtypographyTeX
$29.99

A systematic, visual guide to the chemical elements.

chemistry
$29.99

A collection of elaborate, large-format chemical structure depictions. Discover the fine details of chemical structures in their own right.

chemistrytypography
$19.99

Poster, single-sided.

chemistrybiochemistry
$29.99

A collection of large-format Arabic words.

Arabictypography
$29.99

A collection of large-format sheet music.

musictypography
$19.99

Poster, single-sided.

chemistry
$29.99

A collection of large-format formulas showcasing the beauty of mathematics and mathematical typesetting.

mathtypographyTeX
$29.99

A collection of large-format Chinese characters.

Chinesetypography
$29.99

A collection of large-format Mongolian words.

Mongoliantypography
$29.99

Explore the fine details of the characters used to communicate the sounds of human speech.

phoneticsIPAtypography
$29.99

A collection of phonetic transcriptions showcasing the beauty of phonetic notation.

phoneticstypographyIPA
$29.99

Explore the aesthetics and fine details of symbols drawn from different branches of mathematics.

mathtypography
$19.99

A poster showcasing stylistic Latin-script ligatures.

typography
$29.99

A collection of important physical quantities that marks their beauty and significance.

physicstypographyTeX
$19.99

Poster, single-sided.

chemistrybiochemistry

Convert IUPAC names to SMILES strings.

A curated list of awesome cheminformatics resources.

A daily crossword puzzle for organic chemistry terms.

A pronunciation guide for cheminformatics terms.

Compare and test different emoji fonts.

A pronunciation guide for the names of fonts.

View structural formulas of chemical compounds.

A simple online editor for Mol files.

Convert SMILES (simplified molecular-input line-entry system) to a structure online.

Convert raster (bitmap) images to vector graphics online.

A pronunciation guide for terms in supramolecular chemistry.

How to convert font files using FontForge's scripting language on macOS?

Convert SMILES to IUPAC name online.

Convert COLRv1 fonts to SVG.

A daily crossword puzzle for chemical elements.

A daily crossword puzzle for typographical terms.

A pronunciation guide to the names of typographers and type designers.

Discover a new molecule every day.

A daily crossword puzzle for cheminformatics terms.

Execute Metafont code online.

A pronunciation guide for biochemistry terms.

A daily crossword puzzle for chemical engineering terms.

A simple online editor for Asymptote files/scripts.

A pronunciation guide for chemical elements.

Convert SMILES to InChI string online.

An online tool for converting (resolving) InChIKeys to SMILES strings.

A pronunciation guide for organic chemistry terms.

View molecular models in 3D.

Generate IUPAC multiplicative prefixes for naming chemical compounds.

A curated list of awesome resources on Metafont.

A curated list of awesome resources on SMILES (simplified molecular-input line-entry system).

Visualize the parse tree of a SMILES string.

A web service for converting SMILES (simplified molecular-input line-entry system) to MOL.

Convert a SMILES string to its canonical (kekulized) form.

A curated list of awesome resources on font engineering.

A curated list of awesome resources on typography.

An interactive demo of the Computer Modern metafont.

Convert IUPAC names to 2D structures.

A curated list of awesome ChemDraw resources, tutorials, and more.

ChemDraw JS makes it possible to create, view, and edit chemical structures in the browser.

All prices listed are in United States Dollars (USD). Visual representations of products are intended for illustrative purposes. Actual products may exhibit variations in color, texture, or other characteristics inherent to the manufacturing process.