How do I get font rendering to be aliased under Hyprland

So I have to preface this saying I'm VERY new to Nixos and linux in general. So I've noticed that my fonts look terrible in things like Firefox. I'm running Hyprland. I'm using was using the default nix font settings but in apps like Firefox, the text looks very pixelated compared to my terminal. It's in every app besides kitty. I want all my system text to look like the bottom, but it looks like the top. I've looked and tried several font settings but none seem to actually be changing the way the font is rendered.

config

Sorry my config is super messy, I'm working on moving everything over to HomeManager, but in the meantime
hyprland config

I don't know if this is a Hyprland issue or a nix issue so I'm posting it here. Sorry if I missed any important information.

(also yes the screenshot was in aesprite don't judge me)

Thanks!

https://preview.redd.it/yn4scotueied1.png?width=702&format=png&auto=webp&s=46ef50ce348c14004c8a5254b18e8d7a16607629