Imported fonts not displaying in Internet Explorer

Is there something special I have to do for my font family to display in Internet Explorer?  They're displaying in Edge, Chrome, and Firefox with no issues.  Have anyone else had a similar issue?

You haven't mentioned how you're importing the fonts, but this may be more of an IE issue than an OutSystems issue. Maybe this would help?

https://stackoverflow.com/questions/23438319/using-import-for-google-fonts-is-not-working-on-internet-explorer

Thanks for the reply.  I'm importing the fonts by using this code:

SyntaxEditor Code Snippet

@font-face {
    font-family: 'My Font';
    src: url('/espacename/fonts/My Font Light It.otf') format('opentype');
    src: url('/espacename/fonts/My Font Light.otf') format('opentype');
    src: url('/espacename/fonts/My Font Medium It.otf') format('opentype');
    src: url('/espacename/fonts/My Font Medium.otf') format('opentype');
}

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: 'My Font', sans-serif;
}