Skip to content

Latest commit

 

History

History
57 lines (43 loc) · 1.47 KB

README.md

File metadata and controls

57 lines (43 loc) · 1.47 KB
Raw

Google Fonts loader

Use Google Fonts in your Framer.js prototypes.

Usage

$ cd <myProject>.framer
$ npm install --save framer-googlefonts

modules/myModule.coffee:

exports.GoogleFonts = require "framer-googlefonts"

app.coffee:

{GoogleFonts} = require "myModule"

new GoogleFonts "Roboto"

Utils.labelLayer new Layer().center(), "Hello, World!",
  fontFamily: "Roboto"
  fontSize: "16px"

API

GoogleFonts#load <mixed>

This can take just about anything you throw at it. You can also load fonts by passing arguments to the constructor.

gf = new GoogleFonts "Roboto"

gf.load "Droid Sans", 400, 700
gf.load font: "Roboto", weights: "500italic"
gf.load [
  { font: "Roboto Slab", weights: "400, 500" }
  { font: "Roboto Condensed" }
]

Events

Supports all the Web Font Loader events.

  • loading - This event is triggered when all fonts have been requested.
  • active - This event is triggered when the fonts have rendered.
  • inactive - This event is triggered when the browser does not support linked fonts or if none of the fonts could be loaded.
  • fontloading - This event is triggered once for each font that's loaded.
  • fontactive - This event is triggered once for each font that renders.
  • fontinactive - This event is triggered if the font can't be loaded.