Make a letter icon set in Bodoni Moda and download it as SVG, PNG or a complete favicon package — the letters are vectorized, so nobody needs the font installed to see your mark.
A true Didone: flat unbracketed hairline serifs meeting vertical stems at a right angle, with extreme contrast.
The letter B set in Bodoni Moda at weight 700, vectorized with opentype.js. Drag it to reposition, then download.
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ &
A true Didone: flat unbracketed hairline serifs meeting vertical stems at a right angle, with extreme contrast. That makes it a natural fit for fashion and luxury monograms rendered at 256px or larger.
High-contrast faces put thick strokes against hairlines, which is precisely the quality that makes them feel expensive and precisely the quality that destroys them at small sizes. A hairline is defined relative to the stem, so as the icon shrinks the hairline crosses below one pixel and simply vanishes, leaving a letter with holes in it. Use this class deliberately: for a large app icon, a website header or a print mark it is unbeatable, and for a 16-pixel favicon it is the wrong tool. Many brands legitimately use a high-contrast mark large and a solid geometric fallback small.
Hairline serifs plus antialiasing equals a broken letter at favicon size. Reserve for large use.
A favicon is rendered at 16 × 16 pixels. That is roughly the area of a single character of this paragraph, and it is where most typographic decisions stop mattering and start breaking. The reliable test is not to zoom out of a large preview — browsers resample that far more kindly than a real favicon pipeline does — but to export the actual favicon.ico and look at it in a browser tab.
The preview above is not text with a CSS font-family applied to it. The editor loads the Bodoni Moda TTF from Google Fonts, parses it with opentype.js, and converts the glyph into an SVG <path> at weight 700. Bodoni Moda covers a usable weight range, so you can dial the mark heavier for small sizes and lighter for large ones without changing the letterform. Because the export contains outlines rather than text, the mark renders identically for every visitor whether or not they have the font, and it stays crisp at any size.
Open the free editor with Bodoni Moda and 900+ other Google Fonts. Change the weight, spacing, colours and corner radius, then export SVG, PNG, ICO or a complete web icon package.
Open the Bodoni Moda icon editorOther faces in and around the didone category.