使用IE11时，自定义字体无法在Angular6中加载？

Question

出于某种原因，我在Angular应用中加载的自定义字体在Chrome上工作正常，但在IE中无法正常工作。以下是我如何加载它：

@font-face {
    font-family: 'AkkuratPro';
    src: url('/assets/fonts/AkkuratPro-Regular.otf')
}

@font-face {
    font-family: 'AkkuratProBold';
    src: url('/assets/fonts/AkkuratPro-Bold.otf')
}

@font-face {
    font-family: 'AkkuratProItalic';
    src: url('/assets/fonts/AkkuratPro-Italic.otf')
}

这到底发生了什么？