Base solution for your next web application
Open Closed

Fontawesome icon does not work after deploying. #4190


User avatar
0
drenton created

I'm using Angular & Core version.

I published the Project.Web.Host first then used "NG Build -prod" command which creates dist folder, then I copy the folder to the server. now I can connect and log in the web site, but menu icons and other icons are displayed like this ㅁ

Which file do I need to add to '.angular-cli.json' file?

Thanks


6 Answer(s)
  • User Avatar
    0
    alirizaadiyahsi created

    Hi @drenton,

    Could you check this: <a class="postlink" href="https://weblog.west-wind.com/posts/2016/jan/25/fontawesome-fonts-and-mime-types-in-iis-and-other-web-servers">https://weblog.west-wind.com/posts/2016 ... eb-servers</a>

  • User Avatar
    0
    drenton created

    Thanks for answer @alirizaadiyahsi

    I followed the steps but it does not work.

    what is difference with my case and others are the extension.

    When I read the resolved issues, at least, the files have the extensions. but the files created in my dist folder do not have extension "woff" , "woff2". they are like "Simple-Line-Icons.0cb0b9c589c0624c9c78" "fontawesome-webfont.af7ae505a9eed503f8b8" "fontawesome-webfont.b06871f281fee6b241d6"

    I can see some files with extensions .eot .svg is this still the problem of IIS MIME setting?

    Thanks.

  • User Avatar
    0
    drenton created

    The issue is from 1.5.1 angular/cli. <a class="postlink" href="https://github.com/angular/angular-cli/issues/8099">https://github.com/angular/angular-cli/issues/8099</a>

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @drenton,

    Is this solved for you ? angular-cli is 1.5.2 now.

  • User Avatar
    0
    drenton created

    @ismcagdas Yes, this problem is solved.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Thanks :)