How do I stop google fonts looking pixelated?

I had a peak at one of my sites while in some internet cafe the other day. It was a windows computer, but I was on google chrome. I was horrified to see that the title of my website was VERY pixelated, which I had never seen before. On that same computer the fonts on gmail and other big sites looked fine. I don’t know what to do to change this. Any ideas?

I did a bit of research and found the ‘text-rendering’ in CSS which tells the browser how to load fonts. Is this something I need to change on my site? I tried it and viewed my site on “https://browserling.com/” which checks numerous browsers (I’m now back on my mac) but I can still it pixelating from the screen shots.

I am using the new Epik theme on Genesis.

Here is a link if it helps.. https://nomadspirit.net

It is the site title NomadSpirit at the top left of the screen which I saw the problem. In my CSS I am using..

.site-title {
font-family: ‘Kaushan Script’, cursive;
font-size: 48px;
font-size: 3rem;
letter-spacing: 1px;
letter-spacing: 0.0625rem;
text-rendering: geometricPrecision;
}

(the bottom line was just me trying the text-rendering out, but doesn’t seem to have changed anything)

If you point me in a good direction or tell me what to change I would be so greatful! I dread to think how many people have been seeing such an ugly header on my site ??