<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
/* load a font that supports the Graphite 'smcp' feature */
@font-face {
  font-family: test;
  src: url(../fonts/sil/CharisSIL-R.ttf);
}
body {
  font: 100px test;
}
span {
  font-size: 80px;
}
</style>
</head>
<body>
<div>S<span>MALL</span> C<span>APS</span>
</body>
</html>