Permalink
Browse files

Added monotype module related documentation

  • Loading branch information...
1 parent 877c1f2 commit e20b3d8a22df9ed24f52c23127c7161ee61b620b @venkatyetrintala venkatyetrintala committed Jun 8, 2010
Showing with 36 additions and 1 deletion.
  1. +1 −1 README.md
  2. +35 −0 docs/TRANSITIONS.md
View
@@ -82,7 +82,7 @@ Learn more about [events][evt].
## A common ground
WebFont Loader aims to provide a common interface for font loading. Today it
-works with Google, Typekit, and your own CSS. Learn more in
+works with Google, Typekit, Fonts.com Web fonts and your own CSS. Learn more in
[transitions][trn].
View
@@ -78,6 +78,41 @@ Or as pure Typekit
Typekit.load();
</script>
+## From Google Fonts to Fonts.com Web fonts
+
+### Step 1: Use Google with WebFont Loader
+
+You can get started with web fonts quickly and easily by just using Google.
+
+ <script type="text/javascript" src="http://www.google.com/jsapi"></script>
+ <script type="text/javascript">
+ WebFont.load({
+ google: {
+ families: ['Droid Sans']
+ }
+ });
+ </script>
+
+### Step 2: Add Fonts.com Web fonts
+
+If you discover that Google doesn't have your preferred typeface, you may wish
+to add fonts from <a href="webfonts.fonts.com">Fonts.com Web fonts</a>.
+
+(first sign up for <a href="webfonts.fonts.com">Fonts.com Web fonts</a>, add fonts and retrieve your Project ID)
+
+ <script type="text/javascript" src="http://www.google.com/jsapi"></script>
+ <script type="text/javascript">
+ WebFont.load({
+ monotype: {
+ projectId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'
+ }
+ });
+ </script>
+
+
+Or as pure <a href="webfonts.fonts.com">Fonts.com Web fonts</a> API
+
+ <script type="text/javascript" src="http://fast.fonts.com/jsapi/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"></script>
## Add events to self-hosted fonts

0 comments on commit e20b3d8

Please sign in to comment.