https://www.duolingo.com/scilling

Museo Sans Rounded not used to display certain letters in Firefox, Safari, and Chrome

See the discussion here — certain letters aren’t rendered in the Museo Sans Rounded typeface on Firefox on different platforms, despite these letters being present in the Museo Sans Rounded typeface (see page 3 of its PDF specimen sheet). I don’t know if this problem also appears in browsers other than Firefox; in the other discussion, Chrome under Ubuntu has been reported as working well.

EDIT #1: A commenter below reports that at least one version of Safari (6.1.2 under OS X 10.7.5) also doesn’t render the letters in Museo Sans Rounded.

EDIT #2: Another commenter below reports that Chrome on a Galaxy S4 does render the letters properly, except for the capital ß.

EDIT #3: Another commenter below reports that Chrome on Windows 7 SP 1 does render the letters properly.

EDIT #4: Another commenter below reports that Chrome 38 on Windows 8 doesn’t render the letters properly.

EDIT #5: Firefox versions 36 and newer (on the “release” update channel for all but Linux), 38 and newer (on the “esr” update channel), and 41 and newer (on the “release” update channel for Linux) have added support for the unicode-range CSS descriptor in the @font-face CSS rule, which might be helpful to solve this problem for Firefox, if not for other browsers. Note that in Firefox (and other Gecko-based browsers), the layout.css.unicode-range.enabled configuration variable in about:config will need to be set to true to enable this support, since its default value is false. (While you’re changing that variable’s value, you could also change the gfx.downloadable_fonts.woff2.enabled configuration variable from false to true to enable the recognition of font files that use WOFF version 2 compression.) Also note that Firefox versions 44 and newer (on the “release” update channel) and 45 and newer (on the “esr” update channel) come with the layout.css.unicode-range.enabled configuration variable set to true by default, so no about:config manipulation is needed for unicode-range support in these versions.

This Mozilla document notes that unicode-range is supported in Firefox 36 and newer, Internet Explorer 9 and newer, and unnoted versions of Chrome, Edge, Opera, and Safari. This caniuse.com document notes that it’s fully supported in Chrome 36 and newer, Edge 17 and newer, Firefox 44 and newer, Opera 23 and newer, and Safari 10 and newer; optionally supported in Firefox 36 through 43 (through setting the layout.css.unicode-range.enabled configuration variable); and partially supported in Chrome 4 through 35, Edge 12 through 16, Internet Explorer 9 through 11, Opera 15 through 22, and Safari 3.1 through 9.1.

EDIT #6: This discussion notes that Bertilo Wennergren’s site is able to correctly render Esperanto characters using other fonts in Firefox 38.0.1 ESR and other Gecko-based browsers via @font-face CSS rules without unicode-range descriptors, which suggests that the same should be possible at Duolingo. Since that behavior isn’t taking place, one must conclude that the Museo Sans Rounded fonts that are being served here have been modified to remove those letters that aren’t being rendered properly (see below for the list).


The complete set of non-ASCII letters in the Museo Sans Rounded typeface is:

Áá Àà Ââ Ää Ãã Āā Ăă Ąą Åå Ææ Çç Ćć Ĉĉ Ċċ Čč Ðð Đđ Ďď Éé Èè Êê Ëë Ēē Ĕĕ Ėė Ęę Ěě Ĝĝ Ğğ Ġġ Ģģ Ĥĥ Ħħ Íí Ìì Îî Ïï Ĩĩ Īī Ĭĭ Įį İı IJij Ĵĵ Ķķ ĸ Ĺĺ Ļļ Ľľ Ŀŀ Łł Ññ Ńń Ņņ Ňň ʼn Ŋŋ Óó Òò Ôô Öö Ōō Ŏŏ Őő Õõ Øø Œœ Ŕŕ Ŗŗ Řř Śś Ŝŝ Şş Šš Șș ẞß Ţţ Ťť Ŧŧ Țț Úú Ùù Ûû Üü Ũũ Ūū Ŭŭ Ůů Űű Ųų Ŵŵ Ýý Ŷŷ Ÿÿ Źź Žž Żż Þþ

and the complete set of non-ASCII letters in the DIN Next Rounded LT Pro typeface is:

Áá Àà Ââ Ää Ãã Āā Ăă Ąą Ǎǎ Åå Ǻǻ Ææ Ǽǽ Çç Ćć Ĉĉ Ċċ Čč Ðð Đđ Ďď Éé Èè Êê Ëë Ēē Ĕĕ Ėė Ęę Ěě Ĝĝ Ğğ Ġġ Ģģ Ĥĥ Ħħ Íí Ìì Îî Ïï Ĩĩ Īī Ĭĭ Įį İı Ǐǐ IJij Ĵĵ ȷ Ķķ ĸ Ĺĺ Ļļ Ľľ Ŀŀ Łł Ññ Ńń Ņņ Ňň ʼn Ŋŋ Óó Òò Ôô Öö Ōō Ŏŏ Őő Õõ Ǒǒ Øø Ǿǿ Œœ Ŕŕ Ŗŗ Řř Śś Ŝŝ Şş Šš Șș ß Ţţ Ťť Ŧŧ Țț Úú Ùù Ûû Üü Ũũ Ūū Ŭŭ Ůů Űű Ųų Ǔǔ Ǘǘ Ǜǜ Ǖǖ Ǚǚ Ẃẃ Ẁẁ Ŵŵ Ẅẅ Ýý Ỳỳ Ŷŷ Ÿÿ Źź Žž Żż Þþ

The differences between them is that only Museo Sans Rounded has ẞ, and only DIN Next Rounded LT Pro has Ǎǎ Ǻǻ Ǽǽ Ǐǐ ȷ Ǒǒ Ǿǿ Ǔǔ Ǘǘ Ǜǜ Ǖǖ Ǚǚ Ẃẃ Ẁẁ Ẅẅ Ỳỳ.


These letters are rendered with Museo Sans Rounded under Firefox:

Áá Àà Ââ Ää Ãã Åå Ææ Çç Ðð Éé Èè Êê Ëë Íí Ìì Îî Ïï Ññ Óó Òò Ôô Öö Õõ Øø Œœ ß Úú Ùù Ûû Üü Ýý Ÿÿ Þþ


These letters aren’t rendered with Museo Sans Rounded under Firefox (at least for versions that don’t support the unicode-range CSS descriptor):

Āā Ăă Ąą Ćć Ĉĉ Ċċ Čč Đđ Ďď Ēē Ĕĕ Ėė Ęę Ěě Ĝĝ Ğğ Ġġ Ģģ Ĥĥ Ħħ Ĩĩ Īī Ĭĭ Įį İı IJij Ĵĵ Ķķ ĸ Ĺĺ Ļļ Ľľ Ŀŀ Łł Ńń Ņņ Ňň ʼn Ŋŋ Ōō Ŏŏ Őő Ŕŕ Ŗŗ Řř Śś Ŝŝ Şş Šš Șș ẞ Ţţ Ťť Ŧŧ Țț Ũũ Ūū Ŭŭ Ůů Űű Ųų Ŵŵ Ŷŷ Źź Žž Żż

From these incorrectly rendered letters, as of 2019-03-31,

  • Esperanto (incubation phase 3 — released!) requires Ĉĉ Ĝĝ Ĥĥ Ĵĵ Ŝŝ Ŭŭ;
  • Polish (incubation phase 3 — released!) requires Ąą Ćć Ęę Łł Ńń Śś Źź Żż;
  • Romanian (incubation phase 3 — released!) requires Ăă Șș Țț;
  • Turkish (incubation phase 3 — released!) requires Ğğ İı Şş;
  • Vietnamese (incubation phase 3 — released!) requires Ăă Đđ Ơơ Ưư — note that Ơơ Ưư are not present in Museo Sans Rounded and DIN Next Rounded LT Pro (I don’t know how many of Vietnamese’s five tone marks × twelve vowels × two cases = 120 combinations are currently supported; at minimum, the twenty combinations with Ơơ Ưư are not currently supported, and if the ten combinations with Ăă are supported, they won’t render correctly);
  • Welsh (incubation phase 3 — released!) requires Ẁẁ Ẃẃ Ŵŵ Ẅẅ Ỳỳ Ŷŷ — note that Ẁẁ Ẃẃ Ẅẅ Ỳỳ are not present in Museo Sans Rounded, but are present in DIN Next Rounded LT Pro;
  • Czech (incubation phase 2) requires Čč Ďď Ěě Ňň Řř Šš Ťť Ůů Žž;
  • Guarani (incubation phase 2) requires Ẽẽ G̃g̃ Ĩĩ Ũũ Ỹỹ — note that Ẽẽ G̃g̃ Ỹỹ are not present in Museo Sans Rounded and DIN Next Rounded LT Pro, and that G̃g̃ are not even available as precomposed letters in Unicode, so a non-spacing combining tilde character is needed instead for G̃g̃;
  • Hawaiian (incubation phase 2) requires Āā Ēē Īī Ōō Ūū ʻ — note that ʻ, a letter that represents a glottal stop, is not present in Museo Sans Rounded and DIN Next Rounded LT Pro;
  • Hungarian (incubation phase 2) requires Őő Űű;
  • Navajo (incubation phase 2) requires Ąą Ą́ą́ Ęę Ę́ę́ Įį Į́į́ Ǫǫ Ǫ́ǫ́ ʼ — note that Ǫǫ ʼ are not present in Museo Sans Rounded and DIN Next Rounded LT Pro, and that Ą́ą́ Ę́ę́ Į́į́ Ǫ́ǫ́ are not even available as precomposed letters in Unicode, so a non-spacing combining acute character is needed instead for these.

EDIT #7: On 2018-05-14, I received the forum update that was discussed here. This update includes the deployment of the untrimmed Museo Sans Rounded font files, at least for the forums, which fully resolves the problem there with Esperanto, Polish, Romanian, Turkish, Czech, and Hungarian, and partially resolves the problem with Welsh, Hawaiian, and Navajo. (The problem still seems to be present in the Incubator pages, e.g. here.)

EDIT #8: On 2019-03-28, additional information was added about the DIN Next Rounded LT Pro typeface, which is expected to replace Museo Sans Rounded. DIN Next Rounded LT Pro provides a complete set of letters for Welsh.

October 26, 2014

17 Comments


https://www.duolingo.com/lingoingo

I can see an small difference in font, (looking at a post in Polish) in letters such as Ąą and Ęę. I can't see whether Lł or is. For me in the word, mężczyną, the ę and the ą look slightly thinner and the ż has an abnormally large space after it. I am on an 6 year old Macbook Air running Mac OS 10.7.5 in Safari.

October 26, 2014

https://www.duolingo.com/scilling

Thanks for the feedback. You might be able to discern the difference more clearly if you’re able to select a default font in Safari’s Preferences that isn’t sans-serif. My default font in Firefox is serifed, and it clearly shows that those Polish letters are not rendered in Museo Sans Rounded.

If you choose Safari → About Safari, which version of Safari does it show that you have?

October 26, 2014

https://www.duolingo.com/lingoingo

I have Safari 6.1.2 and I cannot change my default font. I think the letters definitely used to be worse.

October 26, 2014

https://www.duolingo.com/Mathso2

I have not come across any of the incorrectly formatted characters during Duolingo, but on your post they certainly look like they are not the correct font. I am using Google Chrome, and (as according to Wikimedia ) Chrome and Firefox are two most used browsers so more than half of Duolingo web users are likely to be affected by this.

October 26, 2014

https://www.duolingo.com/scilling

Which operating system do you run Chrome under? It might help the Duolingo troubleshooters to know that these letters render properly in Chrome under Ubuntu, but not in Chrome under whichever OS you use.

Do the lists of properly rendered and improperly rendered letters above exactly match what you’re seeing in Chrome?

The troublesome letters will be problematic mainly for several central European languages, Turkish, Welsh, Maltese, and Esperanto.

October 26, 2014

https://www.duolingo.com/ReidHT

I use Google Chrome and I use the most recent version of the Macbook Air. Not really sure what OS that is.

October 26, 2014

https://www.duolingo.com/scilling

From the Apple menu, select About This Mac; a window should pop up that says which version of OS X you’re running. (Please mention in your note whether or not all of the characters in the lists above are rendered using Museo Sans Rounded.)

October 26, 2014

https://www.duolingo.com/KimberleyAsh

I'm currently running Chrome on a Galaxy S4, none of the letters appear to have an incorrect font but there is a large space next to the ș, unsure if that is intentional or not

October 26, 2014

https://www.duolingo.com/scilling

If you mean that you’re seeing a space between the ș and the ß in the complete set above, then I might have misinterpreted one of the characters in the typeface. I thought that it was a capital ß, but it might be an alternate glyph for the usual ß. Without buying the typeface myself, I can’t verify which character it represents.

October 27, 2014

https://www.duolingo.com/KimberleyAsh

Yeah, that's what I meant. I can see the ẞ on my computer (Toshiba laptop, Windows 8, Google Chrome) but not on mobile.

October 27, 2014

https://www.duolingo.com/scilling

If the ẞ appears in Museo Sans Rounded in Chrome on Windows 8, then it’s a capital ß in that typeface. If it appears in a different typeface, then it’s probably an alternate glyph for ß in Museo Sans Rounded.

October 27, 2014

https://www.duolingo.com/LupoMikti

Don't know if you've confirmed this already, but while using the most recent version of Chrome on Windows 7 SP1, all of the characters appear to render correctly, no problems.

Also, while there is technically no capital esset (ß) in German, you are correct in assuming that ẞ goes with ß, though.

October 27, 2014

https://www.duolingo.com/scilling

Thanks for your feedback. Does the capital ß appear for you in the lists above?

Regarding the capital ß, please read the Wikipedia article on it

Such letterforms can be found in some old German books dating back to the late 19th century and some modern signage and product design. One of the best known examples is the East German 1957 Duden.

The capital ß is rare, but it does exist.

October 27, 2014

https://www.duolingo.com/M132T003C

I think this thread could benefit from some screenshots, for the people who aren’t seeing the problem for themselves, so here’s what I see in Firefox:

Firefox

And now in Chrome, where it is still happening but less noticeably because the other font is closer to the main font, the most obvious differences are in the “E”s and “I”s.

Chrome

Finally, the top reply at the moment showing a different but potentially related font issue (it looks the same in both browsers):

First reply

There are of course screenshots in the other thread that’s been linked, but it seems to me that none show the issue as clearly as these (at least at full size, which you may need to click them to see).

Technical details, if anyone’s wondering: Firefox version 33.0, Chrome version 38.0.2125.104 m, Windows 8.

October 27, 2014

https://www.duolingo.com/scilling

Thanks for your feedback. That confirms that it’s also a problem with Chrome, at least under Windows 8.

October 27, 2014

https://www.duolingo.com/aleksescomu

What about italics? could that be solved? I see for Esperanto they are not as inclined as the others Ĝin Ŝi iĝi. They seem from another font (just for italics ĝin, ŝi)

Áá Àà Ââ Ää Ãã Āā Ăă Ąą Åå Ææ Çç Ćć Ĉĉ Ċċ Čč Ðð Đđ Ďď Éé Èè Êê Ëë Ēē Ĕĕ Ėė Ęę Ěě Ĝĝ Ğğ Ġġ Ģģ Ĥĥ Ħħ Íí Ìì Îî Ïï Ĩĩ Īī Ĭĭ Įį İı IJij Ĵĵ Ķķ ĸ Ĺĺ Ļļ Ľľ Ŀŀ Łł Ññ Ńń Ņņ Ňň ʼn Ŋŋ Óó Òò Ôô Öö Ōō Ŏŏ Őő Õõ Øø Œœ Ŕŕ Ŗŗ Řř Śś Ŝŝ Şş Šš Șș ẞß Ţţ Ťť Ŧŧ Țț Úú Ùù Ûû Üü Ũũ Ūū Ŭŭ Ůů Űű Ųų Ŵŵ Ýý Ŷŷ Ÿÿ Źź Žž Żż Þþ

Áá Àà Ââ Ää Ãã Āā Ăă Ąą Åå Ææ Çç Ćć Ĉĉ Ċċ Čč Ðð Đđ Ďď Éé Èè Êê Ëë Ēē Ĕĕ Ėė Ęę Ěě Ĝĝ Ğğ Ġġ Ģģ Ĥĥ Ħħ Íí Ìì Îî Ïï Ĩĩ Īī Ĭĭ Įį İı IJij Ĵĵ Ķķ ĸ Ĺĺ Ļļ Ľľ Ŀŀ Łł Ññ Ńń Ņņ Ňň ʼn Ŋŋ Óó Òò Ôô Öö Ōō Ŏŏ Őő Õõ Øø Œœ Ŕŕ Ŗŗ Řř Śś Ŝŝ Şş Šš Șș ẞß Ţţ Ťť Ŧŧ Țț Úú Ùù Ûû Üü Ũũ Ūū Ŭŭ Ůů Űű Ųų Ŵŵ Ýý Ŷŷ Ÿÿ Źź Žž Żż Þþ

July 8, 2016

https://www.duolingo.com/scilling

If Duolingo had the will to solve it, it could be solved, but they seem to lack that will; at minimum, it hasn’t been a high enough priority for them to do anything about it to date (2016-07-08). The same problem that affects the upright style also affects the italic style — Duolingo is serving “trimmed” versions of the Museo Sans Rounded typeface files rather than their full versions, so our browsers are substituting other fonts for those letters that have been removed from their servers’ copies of the typeface files. Museo Sans Rounded comes with all of the letters needed for Esperanto (as well a number of other languages, as was noted in Edit #6 above), but their servers have reduced versions of the typeface files installed on them (viz the ISO 8859-1 subset, plus Œœ and Ÿ for French) that only support their non-Incubator courses — presumably to reduce their bandwidth expenditures, since their CSS isn’t using the unicode-range descriptor to only provide whatever letters are needed for a pair of languages (e.g. the German for Turkish course would only require those letters that are needed in German and needed in Turkish, and use of the appropriate unicode-range descriptor would only send the necessary letters to browsers that support the descriptor, thus reducing bandwidth and avoiding having to trim the typeface files while still using Museo Sans Rounded for both German and Turkish).

July 8, 2016
Learn a language in just 5 minutes a day. For free.