How to use ember paper icons offline?

Question

I am creating a web module with ember paper where i need to use this module offline as well, now when i use the offline mode the ember paper icons doesn't appear instead just the text appears, can anyone help me getting ember paper work offline.

score 2 · Answer 1 · answered Aug 05 '20 at 17:54

2

You can use ENV['ember-paper'].insertFontLinks to prevent the remote font CSS from being included, at least. You could then store the relevant files locally, though that may be forbidden for licensing reasons.

answered Aug 05 '20 at 17:54

Buck Doyle

6,333
1
22
35

thanks a lot @buck, all i did is made this variable false and included the icon fonts in my project.This made it work. – vishal pareek Aug 06 '20 at 07:16

score 2 · Accepted Answer · answered Aug 06 '20 at 07:21

2

If any body is looking for full answer i added below code in my environment file under production environment

ENV['ember-paper'] = ENV['ember-paper']  || {
      insertFontLinks: false
  };

and i downloaded the icon file from "https://fonts.googleapis.com/icon?family=Material+Icons" and included this in my scss and changed the src for woff2 file to my local file which again i downloaded from "https://fonts.gstatic.com/s/materialicons/v54/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2" .

answered Aug 06 '20 at 07:21

vishal pareek

95
8

Where did you put the woff2 file in yout ember project? – Kombye Aug 14 '20 at 08:12
1

I put them under public folder in a folder called fonts. – vishal pareek Aug 17 '20 at 09:23

How to use ember paper icons offline?

2 Answers2