Css 列表编号和列表内容的字体不同

在CSS中，我试图设置一个有序列表的样式，以便内容是一种字体，而数字是另一种字体。 如何将列表编号作为目标，这些编号不是html元素，也不是列表样式的一部分

我唯一能想到并尝试过的事情就是把这个列表变成一个无序的列表。将列表样式设置为“无”，然后手动在列表中包含包装在中的数字，这样我可以对它们进行不同的样式设置。 但这似乎效率很低。

HTML

<ol>
    <li><p>Hello</p></li>
    <li><p>World</p></li>
</ol>

---

关于上面的示例，请发布您尝试过的代码。我从这里开始：@j08691我刚刚编辑了这个问题，并描述了我尝试过的内容。最简单的解决方案可能是在列表上设置样式，然后用跨距包装列表元素，然后用不同的样式将它们作为目标。您也可以尝试一些其他方法类似

ol{
    font: italic 1em Georgia, Times, serif;
}

ol p{
    font: normal .8em Arial, Helvetica, sans-serif;
}