Skip to content
This repository has been archived by the owner on Mar 21, 2020. It is now read-only.

peteschaffner/framer-googlefonts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Google Fonts loader for Framer.js

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages