Steps to reproduce the problem

1. Install a font that takes so-called bitmap strikes seriously. Courier New seems like a confusing example, it yields subpixel rendering... Instead, I'm using the font MingLan_UI.
2. Create the file favicon.svg with <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><text font-family="MingLan_UI" font-size="8" dominant-baseline="hanging">籲</text></svg>
3. Create an HTML file:

Problem Description

Text rendering should happen like this: compute the final font size, and render the font at that font size. (Fonts with so-called bitmap strikes then render without blur.) But what might be happening in the favicon (tab bar) instead is this: compute some preliminary font size, render the text, then resize the rendered image. As a result, the favicon looks blurred for all values of font-size I tried. On the other hand, the same image on the page looks sharp for many of the width values. In Firefox, the favicon (tab bar) looks good.

Summary

Blurred fonts with bitmap strikes in SVG favicons

Additional Data

Category: UI
Chrome Channel: Not sure
Regression: N/A