It falls back exactly the way I think.

This article talks about flashes, and proceeds to say fallbacks should be defined. It explains how fallbacks work, but fails to describe what actually leads to the flashes, how fallbacks get replaced, and fails to say anything about solving that flashing issue they talk about.

Defining a more similar fallback font may reduce the issue visually, which is not mentioned either, and either way is not a solution for the flashing.

Dunno why one would expect lower precedence CSS rules be integrated into more specific CSS rules without explicit “inherit”. That’s not how CSS works. Dunno if that’s a common enough misunderstanding to warrant a “not the way you think it is” title.