<!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>