CSSで日付の数字をオールドスタイルでかっこよくする方法

サイトを見ていて日付の数字の高さがそろっていない
感じになっていて、ちょっとかっこいいって思って
どうやるのか調べたのでメモ

こういう感じのWebタイポグラフィ


オールドスタイル数字っていうんですね。
ちなみに高さがそろっているのは、ライニング数字らしいです。
知りませんでした

CSSのフォント指定「font-famil」で実現できます。
font-family: Georgia, Constantia, Hoefler Text, serif;

フォントがちょっと違うだけでも印象が変わりますね。
やりすぎると逆に文章とか読みにくくなるのでワンポイントに
使うといいかも