I\'m currently trying to make a text box with hiding overflowing text. It works fine, but for some part. I\'m using
text-overflow: ellipsis;
Instead of "ellipsis", you can actually specify your own set of characters to signify text overflowing.
If your custom font has the period defined, you should be able to just use three periods like this:
text-overflow: '...';
Here's a JSFiddle of it in action: http://jsfiddle.net/x5e6yv21/