{"tag":"gitlab","articles":{"blog\/technology\/self-hosting-font-awesome-5-pro-for-yarn-npm":{"key":"blog\/technology\/self-hosting-font-awesome-5-pro-for-yarn-npm","type":"article","published":true,"meta":{"createdAt":"2020-07-27T20:05:47+02:00","publishedAt":"2020-07-27T20:05:47+02:00","group":null,"category":"blog","subcategory":"technology","slug":"self-hosting-font-awesome-5-pro-for-yarn-npm"},"content":{"en":{"slug":"self-hosting-font-awesome-5-pro-for-yarn-npm","title":"Self-hosting Font Awesome 5 Pro for yarn\/npm","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/fontawesome6_small.png\u0022 alt=\u0022Your year of Pro services for backing FA5 expire on August 1! Subscribe to the all-new Font Awesome 6 to extend your services and get the new version. Subscribe now for half the price. Just $49\/year!\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022136.66666666667\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAKCAYAAADcpvzeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB\/ElEQVQ4jc2Tu46TMRCFvxnb\/5\/LLlBw03IRDQJKKCgoeAY6hCgpeAqejBdAFFQIKCmQENoQdkM2\/yW2h8LZTVIAKwQSR5rC42PP8fGMdG+fGoCZETM4AQOWEYIHsxIikDNkg+DKOq3WdRD+FjzAq\/eJ6cy4f9sxOTScA+8gxlI0+CIQAacQozGohEVnVEG4dK7wRIpAlRLLVPhOoe3Lmd3RtvjZkZHNCF4YDwTp3j2z9bZtkbHtjMjareLqOv8zHPPX537tpuSc7eM0Ukniwq4DM1S12Oc9y5jIOW8UMJxTvHMbQgWz7cfYxj2nwXK5xHtfvqyLgCQmk2+ICCllzIyrV\/bIOdP1PYKgTk9scap0fQ9myMqiEAKLpmFQD+j7nvF4dGpBbduxs+ORJ89f2O\/p\/x6fPu+zd\/k8cu3uI2u7npwzdRW4c\/MGANmMnDOz70eMR0OGw5qcMl2\/ZNG07H89+OPiTmF3uJ2LGebNaspq1\/HwXuDlm8SX\/enJ39dVIMbE9GCGzhSnStv1jIY1Z3bGqAoiJULwqCoxRlQVVSWlhHMKBk3bUVWBpulwsmBUC0etMR4IlYd5C\/PGiqBF73n9oTTraDRAEJq2o2k7RIXgHSkbIiuRKaEqGKAixFQa\/2A2P5VDZ8dw\/aKwOXFtD5NDQ249ePxf9NAxfgCKbvUuzuwSpgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/fontawesome6_small.png\u0022 alt=\u0022Your year of Pro services for backing FA5 expire on August 1! Subscribe to the all-new Font Awesome 6 to extend your services and get the new version. Subscribe now for half the price. Just $49\/year!\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022136.66666666667\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFour years ago I backed Font Awesome 5 on Kickstarter,\nand in return I received a license to use it and to access the pro features.\nThe license might be perpetual, but the pro features, sadly, are not \ud83d\ude22\u003C\/p\u003E\n\u003Cblockquote class=\u0022blockquote ml-4 pl-4 border-left\u0022\u003E\n\u003Cp\u003EIf you don\u0027t subscribe to a Pro plan, you won\u0027t be able to install Font Awesome Pro using npm or yarn.\u003C\/p\u003E\n\u003C\/blockquote\u003E\n\u003Cp\u003EThat\u0027s the one feature I need! And on August 1\u003Csup\u003Est\u003C\/sup\u003E it will be gone!\nMy dev setup, my deployment setup, of multiple projects,\neverything depends on fetching Font Awesome from the npm registry.\u003C\/p\u003E\n\u003Cp\u003ELuckily, there\u0027s a simple way around it \ud83d\ude09\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/fontawesome6_big.png\u0022 alt=\u0022Your year of Pro services for backing FA5 expire on August 1! Subscribe to the all-new Font Awesome 6 to extend your services and get the new version. Subscribe now for half the price. Just $49\/year!\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022273.33333333333\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAKCAYAAADcpvzeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB\/ElEQVQ4jc2Tu46TMRCFvxnb\/5\/LLlBw03IRDQJKKCgoeAY6hCgpeAqejBdAFFQIKCmQENoQdkM2\/yW2h8LZTVIAKwQSR5rC42PP8fGMdG+fGoCZETM4AQOWEYIHsxIikDNkg+DKOq3WdRD+FjzAq\/eJ6cy4f9sxOTScA+8gxlI0+CIQAacQozGohEVnVEG4dK7wRIpAlRLLVPhOoe3Lmd3RtvjZkZHNCF4YDwTp3j2z9bZtkbHtjMjareLqOv8zHPPX537tpuSc7eM0Ukniwq4DM1S12Oc9y5jIOW8UMJxTvHMbQgWz7cfYxj2nwXK5xHtfvqyLgCQmk2+ICCllzIyrV\/bIOdP1PYKgTk9scap0fQ9myMqiEAKLpmFQD+j7nvF4dGpBbduxs+ORJ89f2O\/p\/x6fPu+zd\/k8cu3uI2u7npwzdRW4c\/MGANmMnDOz70eMR0OGw5qcMl2\/ZNG07H89+OPiTmF3uJ2LGebNaspq1\/HwXuDlm8SX\/enJ39dVIMbE9GCGzhSnStv1jIY1Z3bGqAoiJULwqCoxRlQVVSWlhHMKBk3bUVWBpulwsmBUC0etMR4IlYd5C\/PGiqBF73n9oTTraDRAEJq2o2k7RIXgHSkbIiuRKaEqGKAixFQa\/2A2P5VDZ8dw\/aKwOXFtD5NDQ249ePxf9NAxfgCKbvUuzuwSpgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/fontawesome6_big.png\u0022 alt=\u0022Your year of Pro services for backing FA5 expire on August 1! Subscribe to the all-new Font Awesome 6 to extend your services and get the new version. Subscribe now for half the price. Just $49\/year!\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022273.33333333333\u0022\u003E\u003C\/span\u003E\n                \u003Cfigcaption\u003E\n                    \u003Ca href=\u0022https:\/\/fontawesome.com\/icons?d=gallery\u0026s=brands,light\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\n                        \u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E\n                        fontawesome.com\/icons\n                    \u003C\/a\u003E\n                \u003C\/figcaption\u003E\n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFour years ago I backed Font Awesome 5 on Kickstarter,\nand in return I received a license to use it and to access the pro features.\nThe license might be perpetual, but the pro features, sadly, are not \ud83d\ude22\u003C\/p\u003E\n\u003Cblockquote class=\u0022blockquote ml-4 pl-4 border-left\u0022\u003E\n\u003Cp\u003EIf you don\u0027t subscribe to a Pro plan, you won\u0027t be able to install Font Awesome Pro using npm or yarn.\u003C\/p\u003E\n\u003C\/blockquote\u003E\n\u003Cp\u003EThat\u0027s the one feature I need! And on August 1\u003Csup\u003Est\u003C\/sup\u003E it will be gone!\nMy dev setup, my deployment setup, of multiple projects,\neverything depends on fetching Font Awesome from the npm registry.\u003C\/p\u003E\n\u003Cp\u003ELuckily, there\u0027s a simple way around it \ud83d\ude09\u003C\/p\u003E\n\u003Cp\u003EI\u0027m allowed by the license to download the project and create backups,\nbut obviously not to share it with others \u2013 so it\u0027s all done in a \u003Cstrong\u003Eprivate repository\u003C\/strong\u003E.\u003C\/p\u003E\n\u003Cp\u003EFirst, I fetched the latest version of the project:\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode\u003Eyarn add @fortawesome\/fontawesome-pro\u003C\/code\u003E\u003C\/pre\u003E\n\u003Cp\u003EThen, I just went to \u003Ccode\u003Enode_modules\/@fortawesome\/fontawesome-pro\u003C\/code\u003E,\ninitialised a fresh git repository there and pushed it to gitlab.com\/Avris\/FontAwesomePro.\u003C\/p\u003E\n\u003Cp\u003ENow, whenever I want to use FontAwesome 5 in a project, I just go:\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode\u003Eyarn add git+ssh:\/\/git@gitlab.com:Avris\/FontAwesomePro.git\u003C\/code\u003E\u003C\/pre\u003E\n\u003Cp\u003EAnd that\u0027s it!\u003C\/p\u003E\n\u003Cp\u003EI was surprised that it\u0027s so simple.\nOf course my repository won\u0027t get automatically updated with the project,\nbut since version 5 won\u0027t be developed anymore, it doesn\u0027t matter at all.\nAnd it works like a charm!\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["fontawesome","icons","web development","hosting","gitlab","git","yarn","npm"],"hasMore":true,"image":"https:\/\/avris.it\/image\/fontawesome6_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/fontawesome6_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/fontawesome6_mini.png\u0022 alt=\u0022Your year of Pro services for backing FA5 expire on August 1! Subscribe to the all-new Font Awesome 6 to extend your services and get the new version. Subscribe now for half the price. Just $49\/year!\u0022 width=\u0022240\u0022 height=\u002268.333333333333\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFour years ago I backed Font Awesome 5 on Kickstarter,\nand in return I received a license to use it and to access the pro features.\nThe license might be perpetual, but the pro features, sadly, are not \ud83d\ude22\u003C\/p\u003E\n\u003Cblockquote\u003E\n\u003Cp\u003EIf you don\u0027t subscribe to a Pro plan, you won\u0027t be able to install Font Awesome Pro using npm or yarn.\u003C\/p\u003E\n\u003C\/blockquote\u003E\n\u003Cp\u003EThat\u0027s the one feature I need! And on August 1\u003Csup\u003Est\u003C\/sup\u003E it will be gone!\nMy dev setup, my deployment setup, of multiple projects,\neverything depends on fetching Font Awesome from the npm registry.\u003C\/p\u003E\n\u003Cp\u003ELuckily, there\u0027s a simple way around it \ud83d\ude09\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/fontawesome6_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/fontawesome6_mini.png\u0022 alt=\u0022Your year of Pro services for backing FA5 expire on August 1! Subscribe to the all-new Font Awesome 6 to extend your services and get the new version. Subscribe now for half the price. Just $49\/year!\u0022 width=\u0022240\u0022 height=\u002268.333333333333\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003Cfigcaption\u003E\n                    \u003Ca href=\u0022https:\/\/fontawesome.com\/icons?d=gallery\u0026s=brands,light\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csmall\u003Efontawesome.com\/icons\u003C\/small\u003E\u003C\/a\u003E\n                \u003C\/figcaption\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFour years ago I backed Font Awesome 5 on Kickstarter,\nand in return I received a license to use it and to access the pro features.\nThe license might be perpetual, but the pro features, sadly, are not \ud83d\ude22\u003C\/p\u003E\n\u003Cblockquote\u003E\n\u003Cp\u003EIf you don\u0027t subscribe to a Pro plan, you won\u0027t be able to install Font Awesome Pro using npm or yarn.\u003C\/p\u003E\n\u003C\/blockquote\u003E\n\u003Cp\u003EThat\u0027s the one feature I need! And on August 1\u003Csup\u003Est\u003C\/sup\u003E it will be gone!\nMy dev setup, my deployment setup, of multiple projects,\neverything depends on fetching Font Awesome from the npm registry.\u003C\/p\u003E\n\u003Cp\u003ELuckily, there\u0027s a simple way around it \ud83d\ude09\u003C\/p\u003E\n\u003Cp\u003EI\u0027m allowed by the license to download the project and create backups,\nbut obviously not to share it with others \u2013 so it\u0027s all done in a \u003Cstrong\u003Eprivate repository\u003C\/strong\u003E.\u003C\/p\u003E\n\u003Cp\u003EFirst, I fetched the latest version of the project:\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode\u003Eyarn add @fortawesome\/fontawesome-pro\u003C\/code\u003E\u003C\/pre\u003E\n\u003Cp\u003EThen, I just went to \u003Ccode\u003Enode_modules\/@fortawesome\/fontawesome-pro\u003C\/code\u003E,\ninitialised a fresh git repository there and pushed it to gitlab.com\/Avris\/FontAwesomePro.\u003C\/p\u003E\n\u003Cp\u003ENow, whenever I want to use FontAwesome 5 in a project, I just go:\u003C\/p\u003E\n\u003Cpre\u003E\u003Ccode\u003Eyarn add git+ssh:\/\/git@gitlab.com:Avris\/FontAwesomePro.git\u003C\/code\u003E\u003C\/pre\u003E\n\u003Cp\u003EAnd that\u0027s it!\u003C\/p\u003E\n\u003Cp\u003EI was surprised that it\u0027s so simple.\nOf course my repository won\u0027t get automatically updated with the project,\nbut since version 5 won\u0027t be developed anymore, it doesn\u0027t matter at all.\nAnd it works like a charm!\u003C\/p\u003E","words":227,"readTime":null,"lang":"en"}}}}}