即时加载Google字体样式表以进行预览

Question

背景：

我们正在尝试将Google字体集成到我们正在开发的界面中;用户将选择字体，然后快速预览字体。

使用Google，您需要加载字体样式表...所以每当用户选择不同的字体时我们都需要更改它。

问题：

是否可以使用JS动态加载样式表并立即让用户看到更改？

Answer 1

是的......这很可能

示例可以在这里找到：

http://www.rickardnilsson.net/post/2008/08/02/Applying-stylesheets-dynamically-with-jQuery.aspx

Answer 2

这是可能的，因为它已在Chrome Google Web Fonts Preview extension中使用。您可能希望查看扩展的源代码，以了解作者如何使其工作。 首先，您需要将上述链接中的扩展程序安装到Chrome中。然后，您需要打开一个文件夹，具体取决于您的操作系统：

• XP ％UserProfile％\ Local Settings \ Application Data \ Google \ Chrome \ Profiles \ Default \ Extensions
• Vista及更高版本％UserProfile％\ AppData \ Google \ Chrome \ Profiles \ Default \ Extensions
• OS X 〜/ Library / Application Support / Google / Chrome / Default / Extensions
• Linux 〜/ .config / google-chrome /默认/扩展程序

从此处，找到扩展名的标识字符串，即engndlnldodigdjamndkplafgmkkencc。现在，您可以查看文件中的代码，以了解如何即时更改字体。只需确保您不保存对文件所做的任何更改;将它们保存在计算机上的其他位置。