It looks like you're going about it fairly well, but I also had issues with particular truetype fonts. Those issues went away after I changed which truetype font I used.
This is the code that works for me:
@font-face {
font-family: myFont;
src: url('../static/Qarmic_sans_Abridged.ttf') format('truetype');
}
h3 {
font-family: myFont;
color: #777;
}
Maybe try another font.

