Font rendering issue on stackoverflow.co preview question image

Question

On stackoverflow.co, there is an image (to the side of the highlighted paragraph), which renders code blocks in a Times New Roman font. See image:

font rendering issue

This may be due to the fact that the image is an SVG, and you can also see that the asked time and viewed counter are also rendering weird.

EDIT: Since it is an SVG, I am uploading a screenshot of how my device renders it.

It might also be worth updating the text "The Stack Overflow Podcast" (near the SO advertising label) to be the podcast cover (like what's on Spotify and similar). — cocomac
– cocomac, Commented May 19 at 4:36
That SVG image looks ok to me. I suspect it's a font problem on your system (and some other systems). That SVG code mostly uses Arial, but it also uses Monaco, which is a monospaced sans serif font. But your system may be substituting its default font if it doesn't have Monaco. — PM 2Ring
– PM 2Ring, Commented May 19 at 6:37
This link displays some fonts by type and name in a small SVG: sagecell.sagemath.org/… — PM 2Ring
– PM 2Ring, Commented May 19 at 7:55
@PM2Ring Yes, my device (chromeOS) does not seem to render Monaco. — Twineee The Dark Wizard
– Twineee The Dark Wizard, Commented May 19 at 12:40

David Longworth · Accepted Answer · 2025-05-27 15:59:37Z

4

This should be fixed now, we added the fallback option in the SVG which should select the system monospace on your device:

<text font-family="Monaco, monospace">copy goes here</text>

answered May 27 at 15:59

David LongworthStaff

1,60610 silver badges15 bronze badges

1 Answer 1