Is there a problem here?
Below is the additional CSS provided:
@font-face {
font-family: NeutraText-Book;
src: url('../fonts/NeutraText/NeutraText-Book.eot'); /* IE9 Compat Modes */
src: url('../fonts/NeutraText/NeutraText-Book.eot?#iefix') format('embedded-opentype');
src: url('../fonts/NeutraText/NeutraText-Book.otf');
src: url('../fonts/NeutraText/NeutraText-Book.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
The relative URLs are functioning correctly in Firefox and Chrome.
To convert from .ttf to .eot, I utilized this tool
I am using Internet Explorer version 10, but it appears to be displaying a different font, possibly Verdana.
The error messages displayed by IE are as follows:
CSS3111: @font-face encountered an unknown error
NeutraText-Book.otf
CSS3114: @font-face failed with the control of OpenType-embedd permission. Permission must be installable.
NeutraText-Book.otf
(Translated by myself from my primary language).