Closed

Replace remote reference to google font with local copy in LeptonX #4737

ash.jackson created 2 years ago

ABP Framework version: v7.0.1
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): yes

Hi There,
Due to some restrictions within client networks where the application must operate without internet access, and in light of recent GDPR rulings in relation to use of Google Fonts can you please advise how to replace the remote CSS reference to the google fonts used by LeptonX in the commercial template with locally downloaded copies?

Kind Regards, AJ.

2 Answer(s)

mahmut.gundogdu created 2 years ago

yes you can do that. Downlaad the font file store in local. Change/override font-bundle in angular.json

//angular.json
   {
                "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.css",
                "inject": false,
                "bundleName": "font-bundle"
              },
              {
                "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.rtl.css",
                "inject": false,
                "bundleName": "font-bundle.rtl"
              },

0

ash.jackson created 2 years ago

Hi,

This has worked perfectly, thankyou.

If anyone else is looking to do this then this site
https://gwfh.mranftl.com/fonts/inter?subsets=latin

Allows easy packaging and CSS generation for local hosting of fonts.