Openlibrary: 删除超棒的用法

创建于 2018-09-27  ·  5评论  ·  资料来源: internetarchive/openlibrary

Font awesome free用于在页脚组件中显示两个图标——fa-twitter 和 fa-github

删除它有多种原因。

  • 我们目前通过 JavaScript 加载这个库,这意味着如果 JavaScript 被禁用,它们不会显示在主页上:
    screen shot 2018-09-26 at 5 40 08 pm
  • 这些图标和 shareLink 图标在样式上不一致(https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#sharelinks)
  • woff webfont 是 75.7kb 但我们只使用它提供的众多图标中的 2 个
  • 渲染这两个图标需要 6kb 的 CSS(gzip 压缩后)

相反,我们应该为 Flickr 和 Github 找到 2 个 svg/png 图标并使用它们。

MobilResponsive Feedback Review Performance design question ui-standardisation

所有5条评论

我们有没有设计师可以为我们提供这 2 个服务的开源友好图标(理想情况下与 https://github.com/internetarchive/openlibrary/wiki/Design-Pattern 中的 facebook、twitter、pinterest 和嵌入图标一致)图书馆#sharelinks ) ?

或者,如果许可证可以接受, https://www.iconfinder.com/iconsets/social-network-9可能更有用

@jdlrobson
我还注意到登录页面显示 Twitter 和 Github 图标的灰度版本,而 /works/ 页面显示 Facebook、Twitter、Pinterest 和 Embed 的颜色。 一致性会很好...

@mekarpeles有没有设计师朋友可以让我们为此提供意见? 如果没有,我们如何做出这样的决定?

@LeadSongDog一样,我希望这些内容在整个网站上保持一致,并获得适当的许可。

此页面是否有帮助?
0 / 5 - 0 等级