Смотря какие стили, где их будете брать для каждого свой? Вручную классы создавать? Тогда уж проще вбить вручную инлайн. Если только цвета, то можно так
<html>
<head>
</head>
<body>
<div>
Дед по отцу Лев Александрович — артиллерии полковник, гвардии капитан. Отец — Сергей Львович Пушкин (<div class="data">1767</div>—<div class="data">1848</div>), светский острослов и поэт-любитель. Мать Пушкина — Надежда Осиповна (<div class="data">1775</div>—<div class="data">1836</div>), внучка Ганнибала.
</div>
<script>
d=document.querySelector("div")
gen=function(){
var gen=function(){return Math.floor(Math.random()*9)}
return "#"+gen()+gen()+gen()+gen()+gen()+gen()
}
d.innerHTML=d.innerHTML.replace(/\d/g, function(year){return "<span style='font-size: "+gen().slice(-2)+"; color: "+gen()+"'>"+year+"</span>"})
</script>
</body>
</html>