<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: "Ahem";
    src: url("../../resources/Ahem.ttf");
}

#test {
    font: 20px/1 "Ahem";
    direction: rtl;
    unicode-bidi: bidi-override;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 40px;
}
</style>
</head>
<body>
<div id="test">abcXYZ</div>
</body>
</html>