Background:
We are trying to integrate Google Fonts into an interface we are developing; where users will choose a font, and then get a quick preview of the font.
With Google, you need to load in a stylesheet for the fonts… so we would need to change this whenever the user selects a different font.
Question:
Is is possible to load in a stylesheet on the fly with JS and have the changes be visible to users instantly?
Yes… It’s very much possible
example can be found here:
http://www.rickardnilsson.net/post/2008/08/02/Applying-stylesheets-dynamically-with-jQuery.aspx