css 按钮（文本或图像）答案

【问题标题】：CSS buttons (text or image)css 按钮（文本或图像）
【发布时间】：2013-01-12 12:35:39
【问题描述】：

我想知道是否应该为我的网站创建 CSS 按钮或图像按钮。什么是更好的？问题是文本是用 Helvetica Neue 格式化的（我非常喜欢那种字体），由于版权问题，我不能将它用作网络字体。

如果我在 CSS 中创建按钮，它们在浏览器中看起来很漂亮，但当用户为其浏览器选择不同的文本大小时会调整大小。

图像按钮的优点是可以嵌入我的字体，但看起来不如 CSS 按钮好。同样在这种情况下，我必须为按钮制作 Retina 版本（只是为了将来任何 PC 都有 Retina 显示屏）。

有人可以在这种棘手的情况下帮助我吗？有谁知道 Helvetica Neue 的网络安全替代品？我应该禁用按钮 div 容器的大小调整吗？当今网站按钮的标准是什么？

【问题讨论】：

问题使用WebMasters SE。
如果我在 CSS 中创建按钮，它们在浏览器中看起来很漂亮，但当用户为其浏览器选择不同的文本大小时会调整大小。 为什么会出现这个问题?
因为调整大小的按钮看起来不太好（大 txt = 大按钮）。
你看过这个帖子吗？似乎建议 Liberation Sans 作为替代方案。 graphicdesign.stackexchange.com/questions/8827/…
@drpelz 是的，你真的想让用户控制他们自己的浏览器。我的用户体验很好。

【解决方案1】：

Helvetica Neue 实际上可以作为网络字体获得许可：

我个人会远离图像按钮（出于您自己概述的原因），并且宁愿回退到类似的字体（例如 Google Web Fonts 上的Arimo）而不必担心生成（并重新- 生成）一堆图像。

【讨论】：

【解决方案2】：

虽然有些图片可能更适合您网站的主题，但有一些令人惊叹的 CSS 按钮具有效果。如果您想要一些 CSS 按钮，请转到 Styling buttons with css。

希望这会有所帮助。

【讨论】：