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