
(I couldn’t test this method in Chrome, since Chrome couldn’t find the location of DejaVu Sans when using this method, but this method works fine if I choose some other font.) This method does have the serious drawback that it may not work in older browsers. Obviously, using this method on its own would be slightly tedious, since every problematic character would need to be listed in unicode-range in order to be replaced, but I had some success using this method in Firefox to replace all the problematic characters with DejaVu Sans without altering the rest of the text.

Arial for ⟨χ⟩, without changing the font for any other letter. Basically, this lets you override the font for a specific character. Finally, we could use the new unicode-range property to override the font for specific characters.However, this approach cannot fix the problem with ⟨χ⟩, as this is an issue with Trebuchet itself. This approach works well for characters which are not implemented in Trebuchet and implemented wrongly in Verdana or Arial for instance, it fixes the problems with the tie bar and misplaced diacritics in both Firefox and Chrome. This would change the current stack to something like "Lucida Grande", "Trebuchet MS", "DejaVu Sans", Verdana, Helvetica, Arial, sans-serif. Secondly, we could change the fallback font.I happen to really like Trebuchet MS, and don’t particularly want to replace it, so for me this is the worst option, although it is also the most reliable. This works very well in both Chrome and Firefox, but has the disadvantage of completely replacing Lucida Grande and Trebuchet MS as the forum font when DejaVu Sans is available. This would change the current stack to something like "DejaVu Sans", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif.

LUCIDA SANS UNICODE U WITH UMLAUT WINDOWS
However, this font has the major drawback that it does not come preinstalled on Windows 10. For this reason, I will use DejaVu Sans in the CSS samples below. So, we know that we have a problem the question is, what can we do about it?įirstly, is there any font which works correctly on both Chrome and Firefox? After some experimentation, I found that DejaVu Sans works well, and in fact is fairly similar to Lucida Grande, which is currently selected as the preferred forum font on Mac. I’m fairly sure that most people here have run into at least one of these problems at some point. They both display it exactly the way Trebuchet MS (the forum font) specifies, but Trebuchet makes Chi and X homoglyphic.

Firefox displays ⟨ǎ⟩ correctly, but the diacritic on ⟨r̈⟩ is still offset to the side.This is very annoying for if I need to use e.g. Chrome displays the diacritics on ⟨r̈ ǎ⟩ to the side of the base letter (as if it were a spacing rather than a combining diacritic), rather than directly above it.Recently, I switched from Chrome to Firefox, and discovered that neither browser displays these characters correctly! As a motivating example, consider the following graphemes:
