Openlibrary: Beenden Sie die Fontawesome-Nutzung

Erstellt am 27. Sept. 2018  ·  5Kommentare  ·  Quelle: internetarchive/openlibrary

Font Awesome Free wird verwendet, um zwei Symbole in der Fußzeilenkomponente anzuzeigen - fa-twitter und fa-github

Es gibt verschiedene Gründe, dies zu entfernen.

  • Wir laden diese Bibliothek derzeit über JavaScript, d. h. auf der Startseite werden sie nicht angezeigt, wenn JavaScript deaktiviert ist:
    screen shot 2018-09-26 at 5 40 08 pm
  • Diese Symbole und die ShareLink-Symbole sind im Stil inkonsistent (https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#sharelinks )
  • Der woff-Webfont ist 75,7 KB groß, aber wir verwenden nur 2 der vielen Symbole, die er bietet
  • 6 KB CSS (nach dem gzipping) sind erforderlich, um diese 2 Symbole zu rendern

Stattdessen sollten wir 2 svg/png-Symbole für Flickr und Github finden und diese stattdessen verwenden.

MobilResponsive Feedback Review Performance design question ui-standardisation

Alle 5 Kommentare

Haben wir einen Designer, der uns Open-Source-freundliche Icons für diese 2 Dienste zur Verfügung stellen kann (idealerweise in Übereinstimmung mit den Facebook-, Twitter-, Pinterest- und Embed-Icons in https://github.com/internetarchive/openlibrary/wiki/Design-Pattern- Bibliothek#sharelinks ) ?

Es gibt ein elegantes Set unter https://feathericons.com
Quelle unter https://github.com/feathericons/feather

Alternativ kann https://www.iconfinder.com/iconsets/social-network-9 nützlicher sein, wenn die Lizenz akzeptabel ist

@jdlrobson
Ich bemerke auch, dass die Anmeldeseite Graustufenversionen der Twitter- und Github-Symbole zeigt, während die /works/-Seiten Farben für Facebook, Twitter, Pinterest und Embed anzeigen. Konsistenz wäre schön...

@mekarpeles Gibt es Designer-Freunde, von denen wir Input dafür bekommen können? Wenn nicht, wie können wir eine solche Entscheidung treffen?

Wie bei @LeadSongDog möchte ich, dass diese auf der gesamten Website konsistent sind und eine entsprechende Lizenz aufweisen.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen