The CSS code I have is working correctly in Chrome and Firefox, but it doesn't seem to be displaying properly in IE11. The CSS is being imported from an external node module, so making direct changes to it might be problematic. Any thoughts on how to fix this? Thank you!
@font-face{
font-family:'text-security-disc';
src: url('text-security-disc-compat.eot');
src: url('text-security-disc-compat.eot?#iefix') format('embedded-opentype'),
url('text-security-disc.woff2') format('woff2'),
url('text-security-disc-compat.ttf') format('truetype')
}
.security-question-answer--hidden {
font-family: 'text-security-disc', 'Aspira', arial, sans-serif;
padding-bottom: 0.6rem;
}