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:

image.png

and tried adding that to the bundle configuration:

image.png

But it does not seem to override the default file:

image.png

And is still trying to pull from rsms.me

image.png

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
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 13, 2025, 04:08