Angular Universalのサーバー(AWS Lambda)側で独自フォント(TTF/WOFF/WOFF2)がデコードできないときの対処法

            
            #...
downloadable font: rejected by sanitizer (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:0) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.woff2
downloadable font: incorrect file size in WOFF header (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:1) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.woff
downloadable font: rejected by sanitizer (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:1) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.woff

downloadable font: bad table directory searchRange (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:2) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
downloadable font: bad table directory entrySelector (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:2) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
downloadable font: bad table directory rangeShift (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:2) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
downloadable font: Invalid table tag: 0x604F53 (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:2) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
downloadable font:  (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:2) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
downloadable font: rejected by sanitizer (font-family: "KaTeX_Main" style:normal weight:400 stretch:100 src index:2) source: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
#...
        

            
            Failed to decode downloaded font: <URL>
19:1 Failed to decode downloaded font: https://deep.tacoskingdom.com/KaTeX_Main-Regular.woff2
19:1 Failed to decode downloaded font: https://deep.tacoskingdom.com/KaTeX_Main-Regular.woff
19:1 Failed to decode downloaded font: https://deep.tacoskingdom.com/KaTeX_Main-Regular.ttf
19:1 OTS parsing error: Size of decompressed WOFF 2.0 is less than compressed size
19:1 OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
19:1 OTS parsing error: incorrect file size in WOFF header
        

            
            //...省略
//👇サーバーから配給するファイルのうちバイナリとして扱いたいMIMEタイプ
const binaryMimeTypes = [
    //...中略
    //👇古い形式のMIMEタイプは除外
    //'application/x-font-ttf',
    //👇主要なフォントファイルのMIMEタイプで置き換え
    'font/eot',
    'font/opentype',
    'font/otf',
    'font/ttf',
    'font/woff',
    'font/woff2'
]
//...
        

            
            //👇HOGE-FONTとしてフォントファミリーを注入
@font-face {
    font-family: 'HOGE-FONT';
    font-style: normal;
    font-weight: 500;
    src: url('/assets/fonts/hoge.woff') format('woff');
}

//👇Piyo-Gothicとしてフォントファミリーを注入
@font-face {
    font-family: 'Piyo-Gothic';
    font-style: normal;
    font-weight: 500;
    //👇形式の異なるフォントファイルを複数指定してファイルの読込み優先度も付けることが可能
    src: url('/assets/fonts/piyo_gothic.woff2') format('woff2'),
         url('/assets/fonts/piyo_gothic.woff') format('woff'),
         url('/assets/fonts/piyo_gothic.ttf') format('truetype');
}

//...以下略
        

            
            $ tree
.
├── angular.json
├── package.json
#...中略
└── src
       ├── styles.scss
        #...中略
       └── assets
              #...中略
              └ fonts
                ├── hoge.woff
                ├── piyo_gothic.ttf
                ├── piyo_gothic.woff
                └── piyo_gothic.woff2
        

            
            src: url('./assets/fonts/hoge.woff') format('woff');
src: url('assets/fonts/hoge.woff') format('woff');
src: url('/assets/fonts/hoge.woff') format('woff');
        

            
            src: url('/assets/fonts/hoge.woff') format('woff');
        

            
            //...
h2 {
    font-family: "HOGE-FONT";
}
//...
p {
    font-family: "Piyo-Gothic";
}
//...