Besley and Commissioner Font Pairing

Besley and Commissioner are a characterful pairing that most sites have not used yet. Besley, an antique slab serif, sets the headings at weight 700, and Commissioner, a low-contrast humanist sans, carries the body. The headings feel warm and full of history while the text stays clean, which suits independent brands, food businesses and small magazines.

Why Besley and Commissioner Work Together

Besley, by Owen Earl, is an antique slab serif inspired by Robert Besley’s Clarendon, the 19th century design that gave its name to a whole style. It has a full range of weights with matching italics, and slightly rounded corners give it a subtle warmth. Commissioner, by Kostas Bartsokas, is a low-contrast humanist sans with almost classical proportions, conceived from the start as a variable family.

Clarendon-style headings are bold and rounded, with a lot of personality, so they need a quiet partner. Commissioner suits the job because its even strokes step back, yet its classical proportions keep it from feeling mechanical. Together they give a page an old-meets-new character. The heading feels like a vintage shop sign, and the text below feels current and easy to read.

Where Besley and Commissioner Work Best

Independent brands are the natural home for this pair. A coffee roaster, bakery or craft producer gets headings with real warmth, while product details stay clear. Small magazines and food blogs suit it too, because the bold titles draw the eye and the sans reads well on phones. It also works for bookshops and local shops that want to feel established without looking old.

Weights and Sizes to Use

Set Besley at 700 for headings, or 600 for a softer title; the family runs from 400 to 900 with italics. Use Commissioner at 400 for body text and 600 or 700 for bold. Body text works well at 17 to 18px with a line height near 1.6. Keep Besley’s line height around 1.2, since its wide letters and heavy serifs need a little air.

Things to Watch

Besley is wide and dark, so long headlines take up a lot of room and can wrap awkwardly on phones. Keep titles short and test at narrow widths. Commissioner has no italic style on Google Fonts, so a browser will fake one if your text uses emphasis. Use bold for emphasis instead, or turn off synthetic italics with the CSS font-synthesis property.