css按钮(文字或图片)

时间:2013-01-29 01:57:36

标签: html css3 browser user-interface web

我想知道是否应该为我的网站创建CSS按钮或图像按钮。什么是更好的?问题是文本是用Helvetica Neue格式化的(我非常喜欢这种字体),由于版权问题,我无法将其用作网络字体。

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

图像按钮的优点是我可以嵌入我的字体,但看起来不如CSS按钮。同样在那种情况下,我不得不为按钮制作Retina版本(仅适用于任何PC具有Retina显示器的未来)。

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

2 个答案:

答案 0 :(得分:1)

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

http://www.fonts.com/font/linotype/neue-helvetica?QueryFontType=Web#product_top

我个人会远离图像按钮(由于您自己概述的原因),而宁愿回归到类似的字体(例如Google网络字体上的Arimo),而不必担心生成(并重新生成一堆图像。

答案 1 :(得分:-1)

虽然有些图像可能更适合您网站的主题,但是有些神奇的CSS按钮具有效果。如果您想要一些CSS按钮,请转到Styling buttons with css

希望这会有所帮助。