Learn More, Pay Less!
Limited Time Offer!
Open Closed

Self-Hosting / Overriding LeptonX Fonts on Login Pages #8738


User avatar
0
jackmcelhinney created
  • ABP Framework version: v9.0.2
  • UI Type: Angular
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no

Hello, I am trying to override the default fonts imported into my project, and instead self-host them and remove the fetch to rsms.me. I was able to do this in the Angular project by removing the font-bundle imports from the angular.json file and replacing them with my own. But with authorization code flow, the login pages still use the default fonts. I have tried adding a custom font-bundle.css file under this folder structure in the Host project:

and tried adding that to the bundle configuration:

But it does not seem to override the default file:

And is still trying to pull from rsms.me

What am I missing here? Thanks!


1 Answer(s)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    Hi, you should download the source-code, make the customizations and then recompile to CSS for overriding/or using another font:

    To download the source-code, you can use the following command:

    abp get-source Volo.Abp.LeptonXTheme	
    

    Then, please follow the documentation: https://abp.io/docs/latest/ui-themes/lepton-x/source-files


    You can also check this thread if you want.

Made with ❤️ on ABP v9.2.0-preview. Updated on February 10, 2025, 13:23