Bardzo dziwny problem z grubością znaku w znaczniku <p> html

Witam, przechodząc do rzeczy mam dziwny problem z grubością czcionki.
Projektując strukturę strony napisałem coś takiego:

<footer>
  <p>COPYRIGHT GAL &copy ANONIM | <a href="#">HTML5</a> | <a href="#">CSS</a> | <a href="#">FREE CSS TEMPLATES</a></p>
</footer>

na zdj widać, że ten znak: " | " jest różnej grubości, ale już po przybliżeniu scrollem ok 250% te same znaki są już identyczne. Czym to może być spowodowane?
PS.Zdj jest słabej rozdzielczości dlatego można nie zauważyć, że zaczynając od lewej strony grubość znaku powoli się zmniejsza.

Może masz włączone skalowanie w przeglądarce lub w systemie.

Używasz systemu Windows? Jeżeli tak, to jaką wartość masz wybraną w dropdownie Windows Settings -> System -> Display -> Scale and Layout?

Nie używaj |, tylko dodaj sobie kreskę w stylach CSS, jako border. Mniej problemów będzie^^