相同文本的字体大小不同（文本的一部分，字体大小为“X”，另一部分字体大小为“Y”）

Question

请参阅附件中的图片，

您可以在这里看到“8.5”，实际上是所显示视频的评分。

问题：如何显示8.5，如图所示， 8字体较大，5字较小？

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

提前致谢。

修改：您尝试了什么？其实什么都没有。但我有一个想法是拆分字符串并为每个字符串提供不同的字体大小（我想这不是正确的方法）。

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

Answer 1

Justinas提到的解决方案正是您必须要做的！ 将文本换行为两个跨度：

<span style="font-size:10px;">8</span><span style="font-size:8px;">.5</span>

Answer 2

如果你不打算给任何影片评级10，你可以使用伪元素第一个字母

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

fiddle

Answer 3

通过添加此

进行检查

<强> HTML

<span class="big">8</span><span class="small">.5</span>

<强> CSS

.big
{
  font-size:36px;
}
.small
{
  font-size:20px;
}