Schriftvorschau in der Auswahlliste?

Um eine Alternative zur Verwendung von only zu bieten, erlaubt das , die Schriftart zu formatieren und andere css anzuwenden, während ein traditionelles select aktualisiert wird. Element für die Übergabe an den Server / das Skript:

html:

jQuery:

JS Fiddle-Demo .

Anmerkungen:

1. Dies setzt voraus, dass die Reihenfolge der Elemente select mit der Reihenfolge der Elemente li identisch ist, da option , das option wird, vom Index ausgewählt wird (von selected ) .

Referenzen:

1. li .
2. click() .
3. index() .
4. removeAttr() .
5. eq() .
6. attr() .
7. removeClass() .

Vielleicht möchten Sie die HiGoogleFonts verwenden.

Es werden beim Scrollen nicht alle Schriftarten geladen. Es lädt nur die Schriftarten, auf die geklickt wird. Zur Schriftvorschau wird ein einzelnes Bild verwendet, das sehr schnell geladen wird. Es hat 700 + Schriftarten

Laden Sie es von github herunter

Siehe Demo hier