如何仅在我的网页上更改数字上的文字装饰？

Question

我在这里有一个页面：http://joeltrauger.com/games有关于游戏演练的一些信息我即将发布，我希望在页面上提供有关游戏的一些信息。唯一的问题是，当我加载页面时，数字显示在上标中。我无法找出他们为什么或如何做到这一点。据我所知，没有CSS或JavaScript控制它。我使用的网站模板来自Rick Waalders here。

示例代码

<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发行.Phadow Man的版权归Acclaim Studios所有和Acclaim娱乐。

观看我在PC上玩Shadow Man：

实际输出

Link to web site

我在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;