<!DOCTYPE html> <html> <head> <title>Bug 1260825 reference</title> <meta charset="utf-8"> <style> @font-face { font-family: test; src: url(../fonts/MiaoUnicode-Regular.ttf); } #test { font-family: test, serif; font-size: 60px; } .sel { background: cyan; } .inv { color: transparent; } </style> </head> <body> All lines should show the same single glyph & background area: <div id="test"> <span class="sel">𖽐</span><br> <span class="sel">𖽐</span><br> <span class="sel">𖽐</span><br> <span class="sel">𖽐</span><br> <span class="sel">𖽐</span><br> </div> </body> </html>