Short answer.
I believe what you are getting in regular chrome is correct. A web page should be able to say... draw this here, and make it this shape and size. With fonts, the browser should honour that imo because fonts partly determine layout, spacing, etc.
Notice if you toggle between the two images the layout of elements changes slightly.
Long answer.
There are certain rules that software follows, particularly with the web. These rules are mostly to do with NOT overriding a user's settings.
For example I shouldn't be able to set your clock when you visit my site. Yet I can ask your browser for the time and it will read your operating system's clock and even give me your time zone.
Then there is accessibility. There is often good reason to change something and a great example is zooming in and out of pages. Originally that function used to destroy a page because it would only enlarge fonts and all other elements would remain the original size. Content would no longer fit its designated areas.
So there needed to be a compromise, and that is if a page specifically says use this font make it this size and put it at this location, the browser should honour that.
Notice this font doesn't get overridden in either of your cases. That's correct imo, but only correct because of the way the page has written it.
Also you may have noticed when that font is unavailable it falls back to Times New Roman. That's what the developer of the page intended, the browser should be following the instructions given from the page.
The Debate
Shouldn't a user be able to say, I want this font and I want all pages to use it? I don't care if it breaks the page (my site is prone to this btw).
There are many reasons for and against this, many of them good reasons too.
It seems all browsers are doing their own thing. Chrome has nice balance here. In this case, to override the fonts you'll need a script. The page has put it's foot down.
10-Aug-2014 02:24:23