Letter Spacing with Google Fonts not exact


When using text with Google fonts, the letter spacing is not exact.

In this example (After Effects, Bodymovin plugin, Noto Sans Display font) the first line was outlined in After Effects to show how the text should appear.
The second and third lines are texts styled with linked Google fonts.

There is strange spacing between the letters.

Thank you for any help!

CSS Style:

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@100;300&display=swap'); body{ background-color:#ffffff; margin: 0px; height: 100%; overflow: hidden; } #lottie{ background-color:#ffffff; width:100%; height:100%; display:block; overflow: hidden; transform: translate3d(0,0,0); text-align: center; opacity: 1; font-family: 'Noto Sans Display', sans-serif; } .my-font-thin{ font-family: 'Noto Sans Display', sans-serif; font-weight:100; font-size: 29px; } .my-font-light{ font-family: 'Noto Sans Display', sans-serif; font-weight:300; font-size: 29px; }