<!DOCTYPE HTML> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/licenses/publicdomain/ --> <html> <head> <title>Reference for bug 886313</title> <style type="text/css"> @font-face { font-family: DejaVuSansMono; src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff); } .test { font: 16px DejaVuSansMono; overflow: hidden; width:55px; border: 1px solid black; margin-bottom: 2px; } </style> </head> <body> <div class="test">well, hello world</div> <div class="test">well, hello worl…</div> <div class="test">well, hell… world</div> </body> </html>