<div>
Apparently there's a typo in the path to the font file somewhere in one of the stylesheets. So search them for &quot;halflings-regular' and fix it manually.
</div>


Apparently there's a typo in the path to the font file somewhere in one of the stylesheets. So search them for "halflings-regular' and fix it manually.

<div>
<div class="content wysiwyg-content">
I have upgraded my application from Angular 4 to Angular 5. After the upgrade the glyphicon icons are not showing up<br />
<br />

<pre><code id="code-10-29085639-1">&lt;span class=&quot;glyphicon glyphicon-user&quot; style=&quot;cursor:pointer&quot;&gt;&lt;/span&gt;</code></pre>
<br />
In the browser console, this error is displayed<br />
<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2018/02_w08/1277865/Glyphicon.JPG" target="_blank" title="Glyphicon error (22 KB)"><img alt="Glyphicon error" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/02_w08/800_1277865/Glyphicon.JPG" /></a><br />
I continue to use the same version of bootstap v3.3.7 and it is also included in angular-cli.json (no changes here as well)<br />
<br />

<pre><code id="code-10-29085639-2">&quot;styles&quot;: [
        &quot;../node_modules/bootstrap/dist/css/bootstrap.min.css&quot;,
        &quot;../node_modules/ngx-toastr/toastr.css&quot;,
        &quot;../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css&quot;,
        &quot;styles.css&quot;
      ],</code></pre>
<br />
Is there something else that needs to be done in order to make the icons work? Other bootstrap styling is working fine.
</div>
</div>


Glyphicon.JPG

I have upgraded my application from Angular 4 to Angular 5. After the upgrade the glyphicon icons are not showing up

(CODE)

In the browser console, this error is displayed




I continue to use the same version of bootstap v3.3.7 and it is also included in angular-cli.json (no changes here as well)

(CODE)

Is there something else that needs to be done in order to make the icons work? Other bootstrap styling is working fine.

Bootstrap 3 icons not loading after Angular 5 upgrade

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

Angular

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.