<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> body { text-rendering: optimizeLegibility; font-size: 14.5px; } div, span { border: none; padding: 0px; } span { /* Offset the baseline by an integer number of pixels */ display: inline-block; vertical-align: baseline; height: 30px; } </style> </head> <body> <div style="position:fixed; left:10px; top:10.4px; font-family: sans-serif"> ḝ<span></span> </div> <div style="position:fixed; left:100px; top:10.4px; font-family: serif"> ḝ<span></span> </div> </body>