JürgenB: CSS - Bei Hover soll Box durch font-weight: bold nicht größer werden

Beitrag lesen

Hallo,

denk bitte an die Tastaturbenutzer, wo hover steht, muss auch focus hin.

Wenn eine Box keine Breitenangabe hat, richtet sich ihre Größe nach dem Inhalt. Da fette Schrift meistens breiter ist als normale, hilft evtl. ein negatives letter-spacing:

    #btn:hover{
        font-weight: bold;
        letter-spacing:-.073em;
    }

Die -0.73em habe ich empirisch ermittelt, ob das bei anderen Schriftgrößen oder Zoomstufen funktioniert, weiß ich nicht.

Ich würde eine feste Breite für den Button nehmen und die Schrift zentrieren.

Gruß
Jürgen