html - 相同文本的不同字体大小(一部分文本的字体大小为 "X"，另一部分的字体大小为 "Y")

Question

请引用所附图片，

在这里你可以看到圆圈中的“8.5”实际上是所显示视频的评分。

问题:如何显示 8.5，如此处所示，8 字体较大，5 较小？

我正在寻找一个字体系列/任何简单的解决方案，而不是处理文本并为它们提供不同的字体大小。

提前致谢。

编辑:你试过什么？其实没什么。但我有一个拆分字符串并为每个字符串提供不同字体大小的想法(我想这不是正确的做法)。

可能是这样的:<span class="bigNum">8</span><span class="smallNum">.5</span>

Answer 1

如果你不打算给任何电影打10分，你可以使用伪元素首字母

div::first-letter {
    font-size: 200%;
}

fiddle