Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Font not show and wrong size

hi, I'm using metronic 8.1.7 for angular. I try some icon like this

1. 
2.
3.
4.
5.
6.

but No. 1 & 2 not show anything, and the other show with small icon even using icon-10x

Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Great website and best solution.
instant cash loans



It was instantly clear that the Aerocity Escorts Service was not only attractive but also thoughtful, making sure that every aspect of our time together was enjoyable and met my expectations.



Hi Saiful,

Only these icons we have included in the package for Metronic v8.

Duotune
Bootstrap Icons
Custom Icons
Font Awesome
Line Awesome

Please check the docs here:

https://preview.keenthemes.com/html/metronic/docs/icons/duotune

For flaticon and ki, we do have it in the previous version and we have already removed it for the latest version:

https://preview.keenthemes.com/metronic/demo1/features/icons/flaticon.html
https://preview.keenthemes.com/metronic/demo1/features/icons/custom-icons.html

Thanks



Hi Saiful,

Please use the fs-* class to change the icon size.



You can refer to the bootstrap website.

Thanks



yes I can use font size, how about icon with class ki and flaticon2? still can't use that icon.



And I got some common style like mr-2 can't used in this template, but i can mx-2, is there any miss at scss?


1. 
2.
3.
4.
5.
6.
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(