Google Webfonts chooser e embedder widget per Javascript

Question

Esiste già un widget che consentirebbe all'utente di scegliere la propria scelta da uno dei font di Google Webfonts e si potrebbe incorporare questo widget nella propria applicazione Web?

http://www.google.com/webfonts

Una specie di dialogo Font raccoglitrice avanzata con la ricerca robusta e funzionalità di anteprima, che consente di caricare in modo dinamico Google webfonts.

Google Webfonts espone l'elenco ei metadati necessari per creare tale widget se non esiste ancora?

Answer 1

ho trovato un progetto: https://github.com/agoragames/GWFSelect-for-jQuery-UI

alcuni inconvenienti che ho notato:

• fouc mentre si scorre l'elenco dei caratteri tipografici
• sembra scaricare l'intero carattere piuttosto che il caratteri necessari
• dipende da jQuery UI

un bel progetto e potrebbe fare il lavoro. nota che se stai cercando di usarlo probabilmente dovrai usare la tua chiave API. you can get one from google.

Google Webfonts espone l'elenco e i metadati necessari per creare tale widget se non esiste ancora?

hanno un API che è possibile utilizzare per costruire un simile widget https://developers.google.com/webfonts/docs/developer_api

immagino Google Documenti utilizza questa API per la loro straordinaria Scelta font.

Answer 2

Date un'occhiata a Bootstrap Forma Helpers: http://bootstrapformhelpers.com/googlefont/

Essi forniscono davvero un bel selettore di Google Web Fonts, senza gli inconvenienti citati per GWFSelect-per-jQuery-UI perché utilizzano un prerenderizzati anteprima immagine ed un elenco di caratteri esportato per la casella di selezione.

Answer 3

Abbiamo creato un selettore di caratteri di Google.

Non carica tutti i caratteri durante lo scorrimento. Carica solo i caratteri su cui è stato fatto clic. Per l'anteprima dei font, stiamo usando una singola immagine che carica molto velocemente. Ha 700+ font

Download it from github

See demo here