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.

Learn More, Pay Less
33% OFF
All Trainings!
Get Your Deal
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.2.0-preview. Updated on January 09, 2026, 07:22
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.