<html> <head> <style type="text/css"> @font-face { font-family: Pos; src: url(../fonts/PositioningTest1.ttf); } p { font-family: Pos; font-size: 50px; opacity: 0.5; } </style> </head> <body> <!-- The capital O character in the PositioningTest font is actually a raised lowercase o glyph --> <p>HellO WOrld!</p> </body>