Open Closed

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


User avatar
0
ash.jackson created
  • 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)
  • User Avatar
    0
    mahmut.gundogdu created

    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"
                  },
    
  • User Avatar
    0
    ash.jackson created

    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.

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11