Web browser testing for Unicode Hebrew and CSS @font-face: BIDI, Positioning, and Diacritical Mark Support

CSS @font-face Diacritical Mark Error Reporting Test

This test uses CSS @font-face with Miriam CLM. Miriam CLM was chosen to test how browsers will display a font diacritic positioning failure. Miriam CLM contains the full set of Hebrew diacritical marks, however, while it correctly supports niqqud, it's font logic currently does not support proper diacritic positioning, especially for cantillation. (The reference image for Miriam CLM below is about as good as we've seen diacritic positioning for this font in any web browser.)

If the positioning failure produces an empty circle (generic mark base) or rectangle, we indicate the positioning failure as LOUD (rather than QUIET). We're not making a judgement here -- it's just interesting to us to note how positioning failures are being reported across browsers.

CSS @font-face (Miriam CLM) without any diacritical marks

לכן חכו לי נאם יהוה ליום קומי לעד כי משפטי לאסף גוים לקבצי ממלכות לשפך עליהם זעמי כל חרון אפי כי באש קנאתי תאכל כל הארץ

CSS @font-face (Miriam CLM) with diacritical marks (vowels only)

לָכֵן חַכּוּ לִי נְאֻם יְהוָה לְיוֹם קוּמִי לְעַד כִּי מִשְׁפָּטִי לֶאֱסֹף גּוֹיִם לְקָבְצִי מַמְלָכוֹת לִשְׁפֹּךְ עֲלֵיהֶם זַעְמִי כֹּל חֲרוֹן אַפִּי כִּי בְּאֵשׁ קִנְאָתִי תֵּאָכֵל כָּל הָאָרֶץ.‏

CSS @font-face (Miriam CLM) with diacritical marks (vowels and cantilation)

לָכֵ֤ן חַכּוּ־לִי֙ נְאֻם־יְהוָ֔ה לְי֖וֹם קוּמִ֣י לְעַ֑ד כִּ֣י מִשְׁפָּטִי֩ לֶאֱסֹ֨ף גּוֹיִ֜ם לְקָבְצִ֣י מַמְלָכ֗וֹת לִשְׁפֹּ֨ךְ עֲלֵיהֶ֤ם זַעְמִי֙ כֹּ֚ל חֲר֣וֹן אַפִּ֔י כִּ֚י בְּאֵ֣שׁ קִנְאָתִ֔י תֵּאָכֵ֖ל כָּל־הָאָֽרֶץ׃

Reference Image (1024x768)

Previous: CSS @font-face Diacritical Mark Positioning Test | Next: SVG Tests


Hebrew font Browser Test version 0.70 by Aharon Varady for The Open Siddur Project (November 2011).

Please help to improve these tests. All source for this page that might be protected under copyright, is shared with a CC-BY-SA 3.0 Unported license.

Valid XHTML 1.0 Transitional