[RbnJrg]

Originally Posted by Toxaris

Another forum member also mentioned to me there is another issue with the code. You used two single quotes and curly quotes instead of straight quotes (I made the changes red). It should be 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;
}

Your code is right, except that the property "src" need ".." instead one ("."). I think that is a "typo" The correct sintax is:

src: url("../Fonts/MERIFONT.TTF");

By the way, "Merida" doesn't work fine under Sigil and ADE. You'll need "to fix" that font or to use another one. I could use "Case" without troubles:



Below you can check the respective epub. By the way, to me is a good idea to use "px" or "pt" for the font-size IN THIS CASE. The diagram won't resize but will asure always is displayed fine, even with a big font-size.

Regards
Rubén