Javascript 丑陋的动态谷歌图标-有什么补救办法吗？

我正在尝试为GM API v3制作自定义图标（我想要数字1-20，所有管脚大小相同），我发现：

（）

您可以看到“1”和“11”没有很好地居中！有什么想法吗

这么好的API和这么丑陋的图标

---

---

PS：请注意，此API现在已被弃用。

一些大小组合更好，但看起来右侧总是有一个像素太多

或者可能是一个绝望的黑客，比如：

<style>
    .pin{
        background:url(http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0|FF8800|14|_|) no-repeat 50% 50%;
        width:29px;
        height:44px;
        text-align:center;
        float:left;
        padding-top:6px
    }
</style>

    ...

<div class="pin">1</div>
<div class="pin">2</div>
<div class="pin">3</div>
<div class="pin">4</div>
<div class="pin">5</div>
<div class="pin">11</div>

    ...

.别针{
背景：url(http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0 | FF8800 | 14 | | | |不重复50%50%；
宽度：29px；
高度：44px；
文本对齐：居中；
浮动：左；
填充顶部：6px
}
...
1.
2.
3.
4.
5.
11
...

一些尺寸组合更好，但看起来右边总是有一个像素太多

或者可能是一个绝望的黑客，比如：

<style>
    .pin{
        background:url(http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0|FF8800|14|_|) no-repeat 50% 50%;
        width:29px;
        height:44px;
        text-align:center;
        float:left;
        padding-top:6px
    }
</style>

    ...

<div class="pin">1</div>
<div class="pin">2</div>
<div class="pin">3</div>
<div class="pin">4</div>
<div class="pin">5</div>
<div class="pin">11</div>

    ...

.别针{
背景：url(http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0 | FF8800 | 14 | | | |不重复50%50%；
宽度：29px；
高度：44px；
文本对齐：居中；
浮动：左；
填充顶部：6px
}
...
1.
2.
3.
4.
5.
11
...

@skaffman，不要编辑标签，它不是“谷歌图表api”。@Charles，这同样适用于你@Thomas，最好使用现有标记，而不是创建新标记。在这种情况下，如果您觉得标签拼写错误，请随时在Meta上发布关于标签重命名的信息，或者自己重新标记所有28个问题。@skaffman，不要编辑标签，它不是“谷歌图表api”。@Charles，同样适用于您@Thomas，最好使用现有标记，而不是创建新标记。在这种情况下，如果您觉得标签拼写错误，请随时在Meta上发布关于标签重命名的信息，或者自己重新标记所有28个问题。这对google不起作用，因为标记是由google自己完成的。您可能需要通过修改DOM或其他方式侵入google的标记。

http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.7|0 | FF8800 | 14.5 | | | | 1

减少错误这对谷歌不起作用，因为标记是由谷歌自己完成的。您可能需要通过修改DOM或其他方式侵入google的标记。

http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.7|0 | FF8800 | 14.5 | | | 1

感觉不那么错