On some websites font-weight transition from normal to bold works fine but

On some websites font-weight transition from normal to bold works fine but
0

#1

I not understand in this demo
https://jsfiddle.net/ybc0qLLt/

Exactly set what want and the timing function is working in my end but that grove font family style is not. Why Not work this?

Is make instant change and no smoothly

Any idea?


#2

Hi @bestdesign

font-weight is quite hard to animate due to a number of reasons best summed up in this post: https://stackoverflow.com/questions/12433645/how-to-animate-text-with-css-font-weight-property-in-jquery-normal-to-bold