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