So after much playing around I finally found out what was causing this issue.
I was using the following code:
* {
font-family: "Gotham";
}
Removing this code solved the problem.
Don't ask me how, or why because I do not know, all I can think is that because *
is a global selector it was targeting something it shouldn't be and was causing this issue.
Strange one.
This may or may not solve the problem for others as I noticed that other people had different solutions to this issue or similar issues.