<!DOCTYPE HTML> <html> <head> <title>rotated synthetic bold</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> @font-face { font-family: libertine; src: url(../fonts/LinLibertine_Re-4.7.5.woff); } body { margin: 150px 0px; font-size: 800%; } p { margin: 0; } .test { font-family: libertine; display: inline-block; transform: rotate(90deg); } </style> </head> <body> <p><span class="test">uh oh!</span></p> </body> </html>