Openlibrary: Abandonnez la police d'utilisation

Créé le 27 sept. 2018  ·  5Commentaires  ·  Source: internetarchive/openlibrary

Font Awesome Free est utilisé pour afficher deux icônes dans le composant de pied de page - fa-twitter et fa-github

Il y a plusieurs raisons pour supprimer cela.

  • Nous chargeons actuellement cette bibliothèque via JavaScript, ce qui signifie qu'elles ne s'affichent pas sur la page d'accueil si JavaScript est désactivé :
    screen shot 2018-09-26 at 5 40 08 pm
  • Ces icônes et les icônes shareLink sont de style incohérent (https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#sharelinks )
  • La police Web woff fait 75,7 ko mais nous n'utilisons que 2 des nombreuses icônes qu'elle fournit
  • 6ko de CSS (après gzipping) sont nécessaires pour rendre ces 2 icônes

Au lieu de cela, nous devrions trouver 2 icônes svg/png pour Flickr et Github et les utiliser à la place.

MobilResponsive Feedback Review Performance design question ui-standardisation

Tous les 5 commentaires

Avons-nous un concepteur qui peut nous fournir des icônes conviviales open source pour ces 2 services (idéalement compatibles avec les icônes facebook, twitter, pinterest et embed dans https://github.com/internetarchive/openlibrary/wiki/Design-Pattern- Library#sharelinks ) ?

Il y a un ensemble élégant sur https://feathericons.com
Source sur https://github.com/feathericons/feather

Alternativement, https://www.iconfinder.com/iconsets/social-network-9 peut être plus utile si la licence est acceptable

@jdlrobson
Je remarque également que la page de connexion affiche des versions en niveaux de gris des icônes Twitter et Github, tandis que les pages /works/ affichent des couleurs pour Facebook, Twitter, Pinterest et Embed. La cohérence serait bien...

@mekarpeles y a-t-il des amis concepteurs de qui nous pouvons obtenir des commentaires pour cela? Si non, comment pouvons-nous prendre ce genre de décision?

Comme @LeadSongDog, j'aimerais que ceux-ci soient cohérents sur l'ensemble du site ainsi qu'avec une licence appropriée.

Cette page vous a été utile?
0 / 5 - 0 notes