Por defecto las listas ordenas muestran el número listado con el mismo estilo de fuente usado para el cuerpo del texto. Para diferenciarlo vamos a darle estilo mediante CSS y para eso haremos uso de otro elemento, como puede ser span o p en este caso p. Prácticamente lo que hacemos es aplicar un estilo a ol y resetear p (anidado en ol).
Primero creamos la lista
Aplicamos el estilo que llevarán los números a ol
Y por último reseteamos p
Espero que os haya gustado mucho!