Как я могу создать веб-шрифт icomoon (icomoon.ttf), работающий с Asp.Net WebForms?

Question

Я новый разработчик ASP.NET WebForms, и я пытаюсь использовать один из стилей шрифта, предоставленный моим коллегой в моем приложении ASP.NET WebForms. Шрифт называется: icomoon. У меня есть только файл CSS, называемый icomoonstyle.css, как показано ниже.

Но произошла ошибка. См заголовок просьбы в поле ниже:

Request URL: http://localhost:52989/Assets/fonts/icomoon/fonts/icomoon.ttf 
Request Method: GET 
Status Code: 404 Not Found 

Пожалуйста, обратите внимание, что я развиваю это приложение локально с помощью локального сервера на моем ноутбуке.

Часть файла CSS:

@font-face { 
    font-family: 'icomoon'; 
    src:url('fonts/icomoon.eot'); 
    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
     url('fonts/icomoon.ttf') format('truetype'), 
     url('fonts/icomoon.woff') format('woff'), 
     url('fonts/icomoon.svg#icomoon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

[class*="icomoon-"] { 
    font-family: 'icomoon'; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 

    /* Better Font Rendering =========== */ 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

.icomoon-quote-left:before { 
    content: "\e613"; 
} 

Так как я могу решить эту проблему?

Я также попытался добавить следующие конфигурации в файл web.config и я все еще получаю ту же ошибку:

<system.webServer> 
    <staticContent> 
     <remove fileExtension=".woff" /> 
     <remove fileExtension=".woff2" /> 
     <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> 
     <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" /> 
    </staticContent> 
    <security> 
     <requestFiltering> 
     <fileExtensions> 
      <add fileExtension=".woff" allowed="true" /> 
      <add fileExtension=".ttf" allowed="true" /> 
      <add fileExtension=".woff2" allowed="true" /> 
     </fileExtensions> 
     </requestFiltering> 
    </security> 
    </system.webServer> 

Answer 1

Вы говорите, что есть только файл CSS? Ошибка 404, которую вы получаете, будет связана с тем, что у вас нет всех файлов.

Файл CSS, который у вас есть, ссылается на множество других файлов.

Вам необходимо обратиться к коллеге за папкой «Ресурсы/Шрифты», в которой содержатся другие файлы icomoon.