Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox renders Dutch "ij" wrong on some websites

more options

On some websites the Dutch digraph "ij" is rendered wrong. For some reason "ij" is rendered overlapping the next letter or space, making the text harder to read. The same websites render correctly on Chromium.

Example of a website with the problem (part of screenshot attached, marking the problem in red): https://www.hpdetijd.nl/2018-03-20/gemeenteraadsverkiezingen-bedreigde-raadsleden/

Example of a website rendering "ij" correctly: https://www.nrc.nl/nieuws/2018/03/20/nam-clown-sarkozy-libisch-geld-aan-a1596435

On some websites the Dutch digraph "ij" is rendered wrong. For some reason "ij" is rendered overlapping the next letter or space, making the text harder to read. The same websites render correctly on Chromium. Example of a website with the problem (part of screenshot attached, marking the problem in red): https://www.hpdetijd.nl/2018-03-20/gemeenteraadsverkiezingen-bedreigde-raadsleden/ Example of a website rendering "ij" correctly: https://www.nrc.nl/nieuws/2018/03/20/nam-clown-sarkozy-libisch-geld-aan-a1596435
Attached screenshots

All Replies (4)

more options

I see the same on that page. I think that it as a problem with a remote (downloaded) font (Yrsa) that the web page uses because it looks OK when I remove that font from the font-family specification.

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.

You can check the font used for selected text in the Font tab in the right pane of the Inspector.

more options

That does appear to be the problem. A different website I found with the same problem also uses the Yrsa font.

Is this a bug in Firefox's font rendering, or in the Yrsa font? It renders correctly in Chromium.

Another rendering issue I noticed when comparing the page linked above to Chromium is that the first letter of the lead is supposed to have a red background. Inspecting the element in Firefox shows some complicated CSS rules that should give a red background, but it clearly doesn't work. Could this be related to the Yrsa font rendering issue, or is it just a coincidence?

more options

I don't know that much about font issues, but it looks that the two character 'ij' next to each other are treated as one character. If I type 'ijj' then I see a correct 'ij', so this could be an issue with ligatures.

I do see the read box if I disable the content: ; rule, but I don't know why this works.

more options

Hallo daar

Is het probleem opgelost? Ik heb jouw vragen gelezen! We zouden je graag verder helpen als je nog vragen hebt. Mail gerust.

Met groeten Firefox team.

blijf het goede spul gebruiken.