<!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;
}
div {
  font-feature-settings: 'smcp' on;
}
</style>
</head>
<body>
<div>Small Caps
</body>
</html>