blackmambahk / workamajig

track wmj issues
0 stars 0 forks source link

How to update the icon fonts #34

Open blackmambahk opened 1 year ago

blackmambahk commented 1 year ago

1) Add svg to the assets/svgs/wj folder

2) log in to fontastic https://app.fontastic.me/accounts/login/ email: robert.john.edgar@gmai password: Fontastic

3) add the svg to Fontastic a) WMJ 181 Icons > click Menu and choose add icons to this set b) select you file, after upload make sure it is selected in the UI (has an orange border) c) click publish
d) click download and install manually e) open the zip file when it has downloaded f) copy the wmj.woff file from fonts folder to assets/fonts folder in wmj g) open the styles.css file in the zip file in WS or VSCode h) open cm.icon-fonts.less from wjapp i) sync the two files... PITA i)basically cut and paste the classes in styles untill they are in the same order as they are in icons-fonts.less. Its not as bad as it sounds most are in blocks just in the wrong order. ii) now diff the two files iii) modify the class names in styles to match icon-font.less ie i-arrowin and i-arrowIn iv) now they two files should only differ in anything new you added and possibly any content:"\xxx"
v) so make those changes so now icon-fonts.less is up to date j) do a global search for "IMPORTANT MAINTAIN THIS FROM", there only two refs .. follow the instructions (prob do ntg if ntg changed) k) open cm.icons.less line 32 change the v=YYYYMMDD to todays date

and thats it....