1. Home
  2. Forum
  3. Angular - EJ 2
  4. font awesome does'nt work

font awesome does'nt work

Hi i Put cdn of font awesome, i put de prefixIcon but it doesn't work

Here´s my index.html

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>GTHFrontEndSyncFusion</title>
  <base rel='nofollow' href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" rel='nofollow' href="favicon.ico">
  <link rel="stylesheet" rel='nofollow' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
  <app-root></app-root>
</body>
</html>

And here's my nav component

<ejs-toolbar>
  <e-items>
    <e-item prefixIcon="fa fa-user"></e-item>
    <e-item template="<i class='fas fa-user'></i>"></e-item>
     <e-item text='Cut'></e-item>
     <e-item text='Copy'></e-item>
     <e-item type='Separator'></e-item>
     <e-item text='Paste'></e-item>
     <e-item type='Separator'></e-item>
     <e-item text='Undo'></e-item>
     <e-item text='Redo'></e-item>
  </e-items>
</ejs-toolbar>

1 Reply
RM Ruksar Moosa Sait Syncfusion Team July 11, 2022 12:35 PM UTC

Hi Vladimir,


Greetings from Syncfusion support.


We have validated your reported problem at our end. But unfortunately, we are unable to reproduce the issue at our end and it works as expected. We have prepared a sample based on your shared details.


Sample: https://stackblitz.com/edit/angular-9jwgdh?file=app.component.html,index.html

UG link:  https://ej2.syncfusion.com/angular/documentation/toolbar/how-to/add-font-awesome/


Kindly try the above sample and if you still facing the same problem kindly share the below details.

  • Reproduce the problem in the shared sample or
  • Share a simple issue reproducing sample if possible.


Regards,

Ruksar Moosa Sait


Loader.
Up arrow icon