Missing icon

[Johan Iskandar]

Hello,

I create a stenciljs app and I want to use the smart grid,  https://www.htmlelements.com/docs/stencil-grid/

but I do not get the icons for editing and deleting (it does not show on the grid)

https://postimg.cc/dhGd7zkK

Actually I have included the icons

@import url(“../../../node_modules/smart-webcomponents/source/styles/smart.default.css”);

@font-face {
font-family: smart-icons;
src:
url(assets/font/smart-icons.woff2) format(‘woff2’),
url(assets/font/smart-icons.woff) format(‘woff’),
url(assets/font/smart-icons.ttf) format(‘truetype’),
url(assets/font/smart-icons.eot) format(’embedded-opentype’);
font-weight: 400;
font-style: normal
}

Please help. Thank you.
regards,

Johan

• This topic was modified 3 years, 4 months ago by Johan Iskandar.
• This topic was modified 3 years, 4 months ago by Johan Iskandar.
• This topic was modified 3 years, 4 months ago by Johan Iskandar.

[jackanderson80@gmail.com]

Hi Johan,

You can try this instead:

@font-face {
  font-family: "smart-icons";
  src: url("https://raw.githubusercontent.com/HTMLElements/smart-webcomponents-angular/master/source/styles/font/smart-icons.eot");
  src: 
	url("https://raw.githubusercontent.com/HTMLElements/smart-webcomponents-angular/master/source/styles/font/smart-icons.woff2")
      format("woff2"),
	url("https://raw.githubusercontent.com/HTMLElements/smart-webcomponents-angular/master/source/styles/font/smart-icons.woff")
      format("woff"),
    url("https://raw.githubusercontent.com/HTMLElements/smart-webcomponents-angular/master/source/styles/font/smart-icons.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

[jackanderson80@gmail.com]

One more question, did you try this with smart-webcomponents 14.2.40?

[Johan Iskandar]

Thanks a ton!

[Johan Iskandar]

Hello, actually it is version “smart-webcomponents”: “^14.2.0”
are there any issues with this?

[Author]

Posts