Openlibrary: Drop fontawesome usage
Font awesome free is used to display two icons in the footer component - fa-twitter and fa-github
There are various reasons to remove this.
- We currently load this library via JavaScript, meaning on the home page they do not show if JavaScript is disabled:
- These icons and the shareLink icons are inconsistent in style (https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#sharelinks )
- The woff webfont is 75.7kb but we only use 2 of the many icons it provides
- 6kb of CSS (after gzipping) is required to render these 2 icons
Instead, we should find 2 svg/png icons for Flickr and Github and make use of those instead.
jdlrobson
All 5 comments
Do we have a designer who can provide us with open source friendly icons for these 2 services (ideally consistent with the facebook, twitter, pinterest and embed icons in https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#sharelinks ) ?
jdlrobson
on 27 Sep 2018
There's an elegant set at https://feathericons.com
Source at https://github.com/feathericons/feather
LeadSongDog
on 27 Sep 2018
Alternatively, https://www.iconfinder.com/iconsets/social-network-9 may be more useful if the license is acceptable
LeadSongDog
on 27 Sep 2018
@jdlrobson
I notice also that the login page shows greyscale versions of the Twitter and Github icons, while the /works/ pages show colour for Facebook, Twitter, Pinterest, and Embed. Consistency would be nice...
LeadSongDog
on 28 Sep 2018
@mekarpeles are there any designer friends we can get input for this from? If not, how can we make this kind of decision?
Like @LeadSongDog I'd like these to be consistent across the site as well as with an appropriate license.
jdlrobson
on 2 Oct 2018
Related issues
Yashs911
·
5Comments
skylerbunny
·
4Comments
LeadSongDog
·
5Comments
cdrini
·
4Comments
cdrini
·
5Comments