<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> @font-face { font-family: test; src: url("../fonts/sil/Scheherazade-BidiBug.woff"); } div { width: 5em; border: 1px solid silver; font-family: test; font-size: 40px; text-align: center; } .b { background: yellow; } </style> </head> <body> <div><span class=b>abc</span></div> </html>