Css Webkit中的悬停显示边缘的原始颜色

在我正在建设的网站上，我用一些字体图标来表示twitter、Facebook和rss，它们看起来很棒。当它们处于活动状态和聚焦状态时，它们会在悬停状态下变为合适的颜色，在Firefox和Opera上看起来很棒

我的问题是Mac上的Safari和Chrome（所以我假设是webkit）。在“悬停”中，您可以在一个或两个图标的边缘看到一点点白色

我已经尝试将链接/访问的颜色更改为绿色，您可以在悬停时看到一点绿色，因此我知道这是正在看到的默认颜色

请查看页脚左侧的图标：

以下是我拍摄的一些屏幕抓图：

推特鸟在背景下看起来不太好，但我仍然需要做一些调整。你可以把它喙周围的白色弄出来。facebook徽标在顶部和底部显示，rss符号在左侧和底部边缘显示

谢谢你看

---

Martin。

将此添加到锚定样式：

.social a:link, .social a:visited {
    color: white;
    border-bottom: none;
    text-decoration: none;
}

---

将此添加到锚定样式：

.social a:link, .social a:visited {
    color: white;
    border-bottom: none;
    text-decoration: none;
}

---

我联系了制作字体的人，他建议更改@font-face请求的顺序，使svg高于woff和ttf，这样做会更好。然后我调整了字体大小，选择了4.15em，它在Safari或Chrome for Mac中并没有显示白色边缘。4.1、4.2、4.3、4.4等均出现轻微的白线

所以它是固定的，但我不知道为什么

---

感谢大家的关注，如果你们中有人知道为什么会出现这种情况，除了一些我想知道的字体大小：）

我联系了制作字体的人，他建议更改@font-face请求的顺序，使svg高于woff和ttf，这样做会更好。然后我调整了字体大小，选择了4.15em，它在Safari或Chrome for Mac中并没有显示白色边缘。4.1、4.2、4.3、4.4等均出现轻微的白线

所以它是固定的，但我不知道为什么

---

感谢大家的关注，如果你们中有人知道为什么会发生这种情况，除了一些我想知道的字体大小：）

我在Mac上遇到了与Univers字体相同的Webkit问题

---

我通过在我的字体大小属性中设置半像素来解决这个问题：

字体大小：18.5px

我在Mac上遇到了与Univers字体相同的Webkit问题

---

我通过在我的字体大小属性中设置半像素来解决这个问题：

font-size:18.5px

我使用的是Win7和最新的Chrome浏览器，我看不到任何白色。如果有帮助的话。编辑：但在mac电脑中，我在Win7和Fedora上用Chrome测试了一个白色空格。我什么都看得见。你能添加一个截图吗？大家好，我添加了一个截图。谢谢你看：）我使用的是Win7和最新的Chrome浏览器，我看不到任何白色。如果有帮助的话。编辑：但在mac电脑中，我在Win7和Fedora上用Chrome测试了一个白色空格。我什么都看得见。你能添加一个截图吗？大家好，我添加了一个截图。感谢您的关注：）这似乎并没有为我解决它，在Chrome 21 MacHi Vukasin登记的检查员。谢谢，但它似乎不能解决它。“我添加了一些屏幕抓图，这样你就可以看到它的样子了。这似乎并没有为我解决问题，”Chrome 21 MacHi Vukasin的注册检查员说。谢谢，但它似乎不能解决它。我添加了一些屏幕抓图，以便您可以看到它的外观。不确定这里的协议是什么：我是否将自己的答案标记为正确？虽然已经排序，但对于某些字体用户来说，实际问题可能仍然存在……不确定这里的协议是什么：我是否将自己的答案标记为正确？这是排序，但实际问题可能仍然存在一些用户的字体…