Font-Issue on Close Button(Icon)

Dear La Roze,

Unfortunately, I don't understand your question.

Could you please describe, what do you need from us more clearly?

Best Regards,

Damian

1. Currently I'm using a font while using I'm facing issue on
   Notification or Alerts close button/icon is not visible.How to change that close icon/button i.e., x.

2 . And I want to use Fonts so how to use/change fonts properly on MDB for that guide me

Dear La Roze,

Which fonts you're using? Do you mean Font Awesome? I need clear information from you.

1) Please show me the code which you're using to show Alerts / Notifications. If you want to have a close (X) button in your Notification (toast), you have to use proper config option - closeButton: true.

Please take a look at the below code:

.html:

<a class="btn btn-info waves-light" (click)="showInfo()" mdbWavesEffect>Info message</a>

.ts:

constructor(private toastrService: ToastService) {
  }

  showInfo() {
    this.toastrService.info('Info message', '', {closeButton: true});
  }

2) Still, I don't understand this paragraph. Which fonts do you want to use? The Font Awesome 5 library? Or some normal font (text)?

If you want to use the Font Awesome 5 library, you have to do following steps:

Install the Font Awesome 5 library using the npm install @fortawesome/fontawesome-free command,

Import the necessary Font Awesome 5 styles in your angular.json file:

"styles": [ "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss", "node_modules/@fortawesome/fontawesome-free/scss/solid.scss", "node_modules/@fortawesome/fontawesome-free/scss/regular.scss", "node_modules/@fortawesome/fontawesome-free/scss/brands.scss", ],

Now you're able to use the <mdb-icon></mdb-icon> component.

Best Regards,

Damian