HTML数字显示使用JS按钮增量更改字体大小

Question

简而言之，在学习编程时，我一直将点击游戏作为一个有趣的侧面项目。但是我有一个问题已经出现，对于我的生活，我似乎无法找到答案。

问题： 在所有点击游戏中，您通常都会尝试收集某些内容。 Cookie Clicker允许您单击巨型cookie图像，这会增加您拥有的Cookie数量。

我已经准备好了增加数字的所有代码，但是我的问题在于，当您点击开始收集时，显示您拥有的数量，将其字体大小更改为较小的字体，看起来俗气而不专业。我有图像来显示之前和之后。

Before Shot After Shot

正如您在第二张照片中看到的那样，数字字体大小已更改。以下是显示整数的代码：

<p><img src = "http://www.zeldauniverse.net/wp-content/uploads/2011/04/GreenRupee.jpg" alt = "Rupee Image" style = width:50px;height:70px;><font size = "25" color = "#ffffff"> x: </font><a id="clicks"><font size="25">0</font></a></p>

以下是我用于按钮增量的代码片段：

function onClick() {
                        clicks += 1;
                        document.getElementById("clicks").innerHTML = clicks;
                        };

我似乎无法弄清楚为什么会让字体大小发生变化，我唯一的想法可能是因为我使用HTML来显示数字和JS来改变它，并且想到可能使用JS来显示数字，但我不知道我会怎么做。非常感谢任何帮助。