The new font reference can be obtained by running locally, put it on the server to report 404, and get 404

The new font reference can be obtained by running locally, put it on the server to report 404, and get 404

Background: Make a mobile phone page and use a new font (). The ui will give me an otf-format font file, which can be referenced locally

@ Font-face {font-family: ' '; src: url (@ (Url. Content ("~ ") Assets/fonts/font-zzgf.otf );}

Problem: there is no problem in local operation. The font can be properly displayed, but the Error 404 is reported on the server. At first, I thought it was a problem with my path. I checked it several times and found that there was no problem with the path, the name is correct.

Solution: Baidu finally found that the iis does not recognize the otf file by default.

Open iis, find the deployed website, click the MIME type, and click Add new type on the right.

 

 

 

Click OK to refresh the page.