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.

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.0.0-preview. Updated on June 20, 2025, 11:20