<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> @font-face { font-family: test; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); } body { font-family: test; line-height: 1.5em; } div.breakall { width: 0px; word-break: break-all; } div.keepall { width: 0px; word-break: keep-all; } </style> <title>Test - word-break: break-all with rtl and diacritics, no ligatures</title> </head> <body> <div class="breakall"> العربي الضَّالِّينَ </div> <br> <div class="keepall"> العربي الضَّالِّينَ </div> </body> </html>