[Toxaris]

If it wasn't working in the Adobe reader, something is probably wrong in your stylesheet. A missing semicolon for example.

Now, when you upload your font to Sigil (you have done that I assume), it will be placed in the directory Fonts and you need to adjust your code accordingly. I would also strongly advise to not use px in your stylesheet. That would not scale right if someone would change the font size.

So, I would make it like this:

@font-face {
font-family: 'merida';
font-weight: normal;
font-style: normal;
src: url(“./Fonts/MERIFONT.TTF”);
}

.diagram{
font-family: ''merida";
font-size: 1em;
font-weight: normal;
font-style: normal;
}

I have also added the font weight and style to it. The reason is simple, if this was set to something else in the parent, it will inherit it otherwise and the font will not work.

Personally I would also display it different in the HTML and prevent usage of <br>, but that is not required. Just a different style.