Comments (1)
Each Typeface package ships with web-ready font files for each weight & style within the typeface. It also ships with a css file that if you're using certain web building tools like webpack (properly configured), to use the typeface in your project, you only need to require the css file.
It's possible you could get requiring working with require.js — but I'm not familiar with the tool. Perhaps https://github.com/guybedford/require-css could get you there.
But even if your web builder can't be configured to automatically include fonts, you could still use Typefaces to partially automate adding fonts as you could install the typefaces you want and then copy those files into the appropriate place.
You can see the file structure for one of the typefaces here:
https://unpkg.com/[email protected]/
from typefaces.
Related Issues (20)
- [font-request] Rustico
- Loading fonts when these are in a ES6 npm package transpiled with `gatsby-plugin-compile-es6-packages` HOT 1
- Import 'typeface...' doesn't work when the route is different from `./files/...`, could this be optionally adjusted?
- Quick issue with solution
- Cannot use typeface in a webpack-with-sass-loader setup HOT 2
- No thin or hairline for Barlow Condensed
- Noto sans jp missing? HOT 1
- How to use this in Nuxt js? HOT 1
- Recent releases missing `files/` folder in npm package HOT 2
- typeface-exo-2@^1.1.8 introduces artifact
- Migrating typeface-metropolis to fontsource-metropolis: Font looks Different HOT 1
- How to use variant of font
- With Eleventy.js and Tailwind
- Add sul-sans fonts
- [Font request] Polonium
- [Font Request] Truculenta
- [Font Request] Urbanist
- just found about this
- Missing font weight medium
- [Font request] Atkinson Hyperlegible
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from typefaces.