CSS - :hover hat unerwünschten Nebeneffekt in Chrome

Auf meiner Website (soll keine Werbung sein) tittenficklp.de habe ich alle Links mit der class "interact:hover" versehen. Diese lässt den Link bei anvisierung transparent erscheinen.

Bei Google Chrome verändert sich allerdings noch die Schrift dicke (Überschrift, 1. Seite), sobald man mit dem Mauszeiger darüber fährt. Bei Mozilla etc. ist das Problem nicht.

Es ist ein etwas kleines Problem aber dennoch hässlich :/

Hoffe es kann jemand helfen

Es sollte eigentlich schon genügen, wenn du das Schriftgewicht einfach explizit festlegst, also:

Code:

.interact:hover a {
	font-weight: normal;
}

Edit:
Oder auch nicht. Ich kann das Problem auch nicht ganz nachvollziehen, vielleicht in der Tat ein Chrome Glitch. Interessanterweise tritt das Problem erst ab einer gewissen Schriftgröße auf (ab 3em).

Ja ich habe mich auch schon gewundert. Dass das bei Chrome, was von Millionen Menschen genutzt wird, auftritt...

Denkemal das Chrome das korrekt zu berechnen versucht, denn das ist laut Console die berechnete Darstellung