Etsy 正从生产环境中的图标字体转向使用 SVG。它将是一个内联的 <svg>
系统,但为了方便使用,会被抽象为一个 <etsy-icon>
自定义元素。
两分钱
- 如果我们有更方便的
<use>
语法可用,例如:<svg use="icons.svg#cart" />
,我可以看到这种抽象的需求会消失。 - 我喜欢他们对图标一致性的专注。我在这方面很挣扎。SVG 图标流程使用起来非常容易,新的图标也很容易找到并插入,因此一致性可能会受到影响。那个带有示例的网格非常棒。
- 他们仍在构建过程中构建图标字体,供设计师在设计软件中使用。
最后一个让我感到惊讶,因为我认为当您需要的图标被分配到字体中的某个随机字符时,找到要设计的正确图标会很麻烦。我认为 Sketch 或 Illustrator 中“符号”的概念将使这些图标对设计师来说非常容易找到和使用。这让我想到字体实际上提供的功能是设计软件之间的互操作性。我想知道像 Lingo 或 Iconjar 这样的软件在这里是否有帮助。