如何为网站创建分辨率可扩展箭头

Question

我已经在雅虎和其他网站上看到过移动网站，他们有这些小箭头指向上下，这些似乎在缩放到视口时缩放。它们在每个分辨率级别上看起来都很清晰，我希望创建类似的东西。这是我正在谈论的箭头：

arrow image >

此箭头来自雅虎＆＃34;全部下载＆＃34;按钮。它是用SVG完成的，它是UTF-8符号吗？可以在CSS中完成吗？

Answer 1

你可以使用像Font Awesome这样的东西。

http://fortawesome.github.io/Font-Awesome/

Font Awesome适用于Bootstrap，但也有许多类似的字体可供常规使用。

这是一篇详细介绍一些内容的文章：

http://thenextweb.com/dd/2012/10/12/7-gorgeous-icon-fonts-to-speed-up-your-site-and-your-design-process/

这些图标集通常是可缩放的矢量图标，这意味着它们可以在不同的分辨率下正常工作。