https://github.com/usrrname/loading-custom-fonts

Demo for loading custom fonts in a design system
https://github.com/usrrname/loading-custom-fonts

react styled-components typescript

Last synced: 19 days ago
JSON representation

Demo for loading custom fonts in a design system

• Host: GitHub
• URL: https://github.com/usrrname/loading-custom-fonts
• Owner: usrrname
• Created: 2021-12-06T17:06:52.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-10T21:53:36.000Z (about 3 years ago)
• Last Synced: 2024-12-06T18:49:39.152Z (3 months ago)
• Topics: react, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 2.25 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## About

Check out [the slides](https://docs.google.com/presentation/d/1dCbPvrSEdLPuiTWPfT0b9yLi_7BstqgkkrXk7moJsF0/edit?usp=sharing) for my lightning talk, "Loading Custom Fonts".

See [Demo](https://usrrname.github.io/loading-custom-fonts/)

See [Deployed Storybook at `/loading-custom-fonts/storybook`](https://usrrname.github.io/loading-custom-fonts/storybook/)

🌩️ JS Lightning Talk 👇

[![Toronto Javascript Lightning Talks December 7 2021](http://img.youtube.com/vi/qiIilX4bLgY/0.jpg)](http://www.youtube.com/watch?v=qiIilX4bLgY)

## Getting Started

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

The patterns of component composition were highly inspired by [Radius 1.0](https://github.com/rangle/radius) and [Varun Vacchar](https://github.com/winkerVSbecks)'s opinions on using [Styled Components and Styled System](https://varun.ca/styled-system/).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.