System texts italicized after installing "Segoe UI" font.

I was trying to install 'Segoe UI' font because I was trying to test a css file that is using 'Segoe UI' font. I was not able to find it in my system fonts as I only had 'Segoe UI variable' font installed.

I found the "Segoe UI" font on Dafont and installed it for all users now the weird thing was after I installed it, the text on file explorer iteslf turned into some unreadable gibberish. It wasn't readable at all. So what I did was try to uninstall the font. But it wouldn't let me because it says its:

Segoe UI Black Italic cannot be deleted because it is a protected system font

Now I tried to restart my laptop and now every system text is italicized as seen on the photos.

Can somebody help me out?