Por que el font-size es de 62.5%?

Sí tiene un beneficio usar porcentajes y no los 10px. Cuando el usuario tiene su navegador configurado con fuente grande, la fuente por defecto del html crece, si pusieramos 10px obligaríamos al navegador a mostrar una fuente más pequeña de lo que el usuario está acostumbrado. En cambio, si usamos porcentajes, le permitimos al navegador que muestre una fuente más grande dependiendo de la configuración que tenga el usuario.

Es lo mismo que si le asignamos 10px en lugar de 62.5%, desconosco si tiene algun beneficio usar porcentajes en lugar de pixeles.

Hola, el curso lo termine hace un mes, y la razón es porque el tamaño estandar en html es de 16, si le sacas el 62.5%, te da 10 pixeles, y la razon por la que lo hace es porque es muy practico, por ejemplo si despues quieres un tamaño de fuente de 24 pixeles, solo pones font-size: 2.4rem; y eso hace que la pagina se mantenga toda en base a un tamaño de fuente base que en este caso son los 10 pixeles.

Yo también tengo esta pregunta. y por que se desea bajar de 16 a 10 px. Que criterios de deben tener en consideración para esto. Pues en el figma no tenemos ninguna fuente de 10px?

Entonces si pongo font-size: 10px; seria lo mismo?

es lo mismo que decir

1 metro son 100 centimetros. 50% del metro es medio metro.

1 font-size = 16px y el 62.5% de 16px es = 16*0.625 = 10 osea el 62.5% de 16 es igual a 10px

Es para que podamos utilizar rem en ves de px, ya que rem es relativo con las medidas.

Te recomiendo mirar el curso definitivo de HTML y CSS. Ahí te explican todo eso

Así nos permite trabajar con rem como si fueran pixeles. Con font-size de 62.5%, 1rem = 10px. También puedes ponerlo de 6.25% para que 1rem = 1px. Ve el curso definitivo de HTML & CSS para saber de esto mas a detalle

Porque el tamaño de fuente predeterminado de HTML es 16px y el 62.5% de 16px es 10px. Es para que no tengamos problemas haciendo cálculos.