Twenty Twelve: Full font stack is not applied in Opera and IE 8 when Open Sans is active

[SergeyBiryukov]

Background: #21751

In Firefox, the computed font family is the same as declared in style.css for body.custom-font-enabled:

font-family: "Open Sans",Helvetica,Arial,sans-serif;

In Opera, the computed style is:

font: normal normal 400 14px/23.94px "Open Sans";

This makes Cyrillic letters look not pretty (see the screenshots).

Tested in Opera 12 on Windows XP, Windows Vista and Windows 7, IE 8 on Windows XP.

[lancewillett]

This seems strange, and also seems like it'd affect many other sites and themes.

Were you able to find any bug reports from other platforms relating to this?

[lancewillett]

@SergeyBiryukov Any update on your end? Seems to me if Opera 12 isn't supporting font stacks there'd be a whole lot of other bug reports out there, it's a pretty basic CSS feature.

[SergeyBiryukov]

Opera 12, Windows 7

[SergeyBiryukov]

Opera 12, Ubuntu 12

[SergeyBiryukov]

Opera 11, Mac OS X

[SergeyBiryukov]

This is specific to the combination of Opera and Google Web Fonts. I see posts on the web indicating that they don't work well together. Opera doesn't have a public bug tracker though.

I've attached screenshots of Google Web Fonts preview showing the issue with invisible characters (mentioned in #21751) in Windows 7, Ubuntu 12, and Mac OS X.

Some mention that the problem appears when system profile path contains Cyrillic letters, however this isn't the case on my installs.

Not sure if we can do something here. Now that #21751 is in, perhaps the workaround is for translation teams to disable Open Sans if they have problems with it.