Trình chọn Google Webfonts và tiện ích nhúng cho Javascript

Question

Hiện đã có một tiện ích cho phép người dùng chọn lựa của mình từ một trong các phông chữ Google Webfonts và bạn có thể nhúng tiện ích con này vào ứng dụng web của riêng mình không?

http://www.google.com/webfonts

Một số loại hộp thoại chọn Font tiên tiến với tìm kiếm mạnh mẽ và chức năng xem trước, cho phép tự động tải Google phông chữ web.

Google Webfonts có hiển thị danh sách cần thiết và siêu dữ liệu để tạo tiện ích như vậy nếu tiện ích chưa tồn tại không?

Answer 1

tôi đã tìm thấy một dự án: https://github.com/agoragames/GWFSelect-for-jQuery-UI

một vài nhược điểm tôi nhận thấy:

• fouc khi bạn di chuyển qua danh sách các kiểu chữ
• dường như tải về toàn bộ mặt chữ chứ không phải là các ký tự cần thiết
• tùy thuộc vào giao diện người dùng jQuery

một dự án tốt đẹp mặc dù và có thể làm công việc. lưu ý rằng nếu bạn đang cố gắng sử dụng nó, bạn có thể sẽ cần phải sử dụng khóa api của riêng bạn. you can get one from google.

Google Webfonts có hiển thị danh sách cần thiết và siêu dữ liệu để tạo tiện ích con như vậy nếu chưa tồn tại?

họ có một api mà bạn có thể sử dụng để xây dựng một widget như: https://developers.google.com/webfonts/docs/developer_api

tôi tưởng tượng docs google sử dụng api này cho năng chọn font chữ tuyệt vời của họ.

Answer 2

Hãy xem Bootstrap Mẫu Helpers: http://bootstrapformhelpers.com/googlefont/

Họ cung cấp một Google Web Fonts chooser thật sự tốt đẹp nếu không có sự hạn chế đề cập đến cho GWFSelect-cho-jQuery-UI vì họ sử dụng một hình ảnh xem trước xuất trước và một danh sách phông chữ xuất khẩu cho hộp chọn.

Answer 3

Chúng tôi đã tạo bộ chọn phông chữ của Google.

Nó không tải tất cả các phông chữ khi bạn cuộn. Nó chỉ tải các phông chữ được nhấp vào. Để xem trước phông chữ, chúng tôi đang sử dụng một hình ảnh đơn tải rất nhanh. Nó có 700 fonts

Download it from github

See demo here