search

HubSpot / odometer

Smoothly transitions numbers with ease. #hubspot-open-source
http://github.hubspot.com/odometer/docs/welcome
MIT License
7.3k stars 712 forks source link

Digits shift when using another font-family #137

Open hannahmwool opened 7 years ago

hannahmwool commented 7 years ago

Hi there,

I love this odometer, it is simple and smooth etc. One issue I'm having is when I use another font-family instead of Helvetica. The digits shift right by a pixel or so once the animation has finished. The digit "1" shifts dramatically.

I'm using Rutledge Bold. Do you have any suggestion on any tweaking to stop the shift when using another font-family?

Thanks

korzhyk commented 7 years ago

Hi Molly! I had same issue. Following style fix this bug.

.odometer .odometer-digit .odometer-value {
  width: 100%;
}
adrianrios25 commented 7 years ago

thanks, that was helpful. Fixed the same issue I had.

aytee commented 7 years ago

I had the same problem and @korzhyk 's solution resolved it. Thanks!