Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #103442
    Johan Iskandar
    Participant

    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

    
    
    
    
    
    
    		
    	
    #103446

    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;
    }
    #103447

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

    #103449
    Johan Iskandar
    Participant

    Thanks a ton!

    #103450
    Johan Iskandar
    Participant

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.