如何仅更改网页上数字的文字修饰？

Question

我在这里有一个页面： http : //joeltrauger.com/games ，其中包含有关我将要发布的游戏演练的信息，并且我希望在页面上提供有关游戏的一些信息。 唯一的问题是，当我加载页面时，数字以上标显示。 我不知道他们为什么或如何这样做。 据我所知，没有CSS或JavaScript对此进行控制。 我使用的网站模板来自里克Waalders 这里 。

样例代码

<p>
    Shadow Man is a game originally released for PC, Nintendo 64, Sega Dreamcast, and Sony PlayStation in 1999. A sequel, Shadow Man: 2econd Coming, was released exclusively for PlayStation 2 in 2002. Shadow Man is copyrighted by Acclaim Studios and Acclaim Entertainment. <br /><br />
    Watch me play Shadow Man on PC:
</p>

预期产量

Shadow Man是最初于1999年为PC，Nintendo 64，Sega Dreamcast和Sony PlayStation发行的游戏。续集Shadow Man：2econd Coming于2002年专门为PlayStation 2发行。Shadow Man受到Acclaim Studios和Acclaim Entertainment的版权保护。 。

看着我在PC上玩Shadow Man：

实际产量

链接到网站

我将Google Chrome浏览器用作Windows 8上的浏览器。

Answer 1

您在正文中使用CSS属性font-feature-settings影响了数字的显示方式：

body {
    font-feature-settings: "kern" 1, "liga" 1, "frac" 1, "pnum" 1;
    text-rendering: optimizeLegibility;
    ...
}

它的"frac" 1部分启用自动分数，这将导致数字自动上标。 如果仍然需要该CSS属性，请改用此定义：

font-feature-settings: "kern" 1, "liga" 1, "pnum" 1;

此外，CSS中的font-family属性也有错误。 它们是这样写的：

font-family: "font-family: " Helvetica Neue ",Helvetica,Arial,sans-serif";

这需要

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;