Website
Fuse Fonts Website
This is the Fuse Fonts website built using Firebase, Sapper, and Svelte.
Status
Resources
Up and Running
npm install
Development
Refer to sapper docs.
To perform local development:
npm run dev
This site utilizes refererURLs, so Firebase Analytics scripts don't load when performaing local dev. See [src/client/analytics.js](src/client/analytics.js) for details. Enable the debug flag to log to the events to the console.
Deployment
You'll need firebase:
npm i -g firebase-tools@latest
With firebase, you will need multiple hosting targets to map the deployment commands in package.json.
The three targets consist of: production, cdn, staging, and demo. The item needing most explaining is demo: it is a production hosting target which contains the fuse fonts demo.
Run this to add a hosting target—replacing [resource] with your firebase hosting resource name. Learn More
firebase target:apply hosting production [resource]
firebase target:apply hosting cdn [resource]
firebase target:apply hosting staging [resource]
firebase target:apply hosting demo [resource]
Deploying demo target
- If you want to deploy the fusefonts demo, you will need to clone the Fuse Fonts Plugin submodule first:
git submodule init
git submodule update
Learn more about git submodules here.
- Install the Fuse Font plugin dependencies
npm run init:demo
- Build and Deploy
You can work within the plugin folder, if you so wish, and utilize those npm commands.
But to perform a build from @fusefonts/website, run:
npm run build:demo
and when you're ready to deploy:
npm run deploy:demo
