Font size difference between Github.io and local browser. Please help!

If you go to my GitHub Pages site at https://t3hbrian.github.io, you can see that all the text is quite big.

I’m on Mac, so this might differ a bit, but if you go to your terminal and you type “git clone https://github.com/t3hbrian/t3hbrian.github.io” and then you open the index.html file locally you can see that the font size is much smaller, and much more natural looking.

It’s still the same font, Roboto, so it is working correctly. I’m using REMs which refers to the html root element for the size to set the font.

You can take a peek at the CSS in the resources folder, but I set the html root element to 62.5% of the regular font size, so my best guess was that Github Pages is messing with the number and putting the number at 100%.

However, I put that theory to the test and I changed the html root element font size locally to 100% and it still was a different size. So I’m pretty stuck and this is super annoying because it’s the exact same thing but it’s loading differently.

I only have one branch, and this isn’t a fork, and it’s definitely published.

I’m not really sure what to do and I couldn’t find anyone with a similar problem, since I’m only using plain html and css. Thanks!

Hi T3hBrian,

Thanks for being a part of the GitHub Community Forum!

This topic has already been opened and is being discussed in another thread here: https://github.community/t5/GitHub-Pages/Difference-between-Github-io-and-local-browser/td-p/13491. In an effort to keep the Community Forum organized and make it easier for other users to find information, we ask that users continue the conversation in existing threads, instead of opening new ones about the same topic. For this reason, I’ll be closing this topic, and you can continue the conversation in the original thread, if you’d like. It’s more likely you’ll get engagement and answers to your own questions this way, too.

Thank you again for being here!