用于Javascript的Google Webfonts选择器和嵌入器小部件

时间:2012-11-20 11:21:24

标签: javascript google-webfonts

是否已存在允许用户从Google Webfonts字体之一中选择他/她的选项的小部件,您可以将此小部件嵌入到您自己的Web应用程序中吗?

http://www.google.com/webfonts

某种高级字体选择器对话框,具有强大的搜索和预览功能,允许动态加载Google Webfonts。

Google Webfonts是否公开了必要的列表和元数据来构建此类窗口小部件(如果尚不存在)?

3 个答案:

答案 0 :(得分:7)

我们已经创建了一个Google字体选择器。

滚动时不会加载所有字体。它只加载单击的字体。对于字体预览,我们使用的是加载速度非常快的单个图像。它有700多种字体

Download it from github

See demo here

答案 1 :(得分:5)

我找到了一个项目: https://github.com/agoragames/GWFSelect-for-jQuery-UI

我注意到了一些缺点:

    滚动字体列表
  • fouc
  • 似乎下载整个字体而不是所需的字符
  • 取决于jQuery UI

虽然是一个不错的项目,但可能会完成这项工作。 请注意,如果您尝试使用它,您可能需要使用自己的api密钥。 you can get one from google

  

Google Webfonts是否公开了必要的列表和元数据来构建此类小部件(如果尚未存在)?

他们有一个api可以用来构建这样一个小部件: https://developers.google.com/webfonts/docs/developer_api

我想谷歌文档使用这个api来获得惊人的字体选择器。

答案 2 :(得分:3)

看看Bootstrap Form Helpers:http://bootstrapformhelpers.com/googlefont/

他们提供了一个非常好的Google Web Fonts选择器,没有提到GWFSelect-for-jQuery-UI的缺点,因为他们使用预渲染的预览图像和导出的字体列表作为选择框。