Comments (5)
I'm surprised that was removed but google font support wasn't. It looks like you need to have a global stylesheet containing the font-face definitions just to facilitate using a custom local font which is a shame considering Typography.js + styled-components seems to eliminate the need for a global stylesheet otherwise. Hope you consider bringing it back at some point, or perhaps moving it and google font support into a plugin or something.
from typography.js.
@KyleAMathews Hi, does this still work / am I using it correctly?
const typography = new Typography({
googleFonts: [
{
name: 'Bitter',
styles: ['400', '400i', '700']
}
],
fontFaces: [
{
fontFamily: 'Fun Font',
fontWeight: 400,
src: ['url(../fonts/fun-font.woff)']
}
],
includeNormalize: true,
headerFontFamily: ['Bitter'],
bodyFontFamily: ['Fun Font']
});
The above sadly does not work. Thanks!
from typography.js.
Nope, removed it as decided it was a bad fit for the library.
from typography.js.
Ah bummer, Thanks though! Any advice where I can look to use a local font (not open) in Gatsby?
from typography.js.
What's the current status of using custom font-face? Is google web fonts the only support built-in option?
from typography.js.
Related Issues (20)
- Edge browser <p> margin-bottom overrides <p> margin: 0
- Why force text-align="left" on tables? HOT 2
- Add custom scoping
- How do I override linkColor? HOT 3
- Ocean Beach theme is missing a dependency
- either overriding styles is unintuitive and under-documented or I need help
- Adding my site in the list of projects using typography.js?
- Injecting CSS reset before typography.js styles in Gatsby? HOT 2
- Google Fonts are not loaded HOT 1
- Difference between demo website and usage themes HOT 3
- Which UI Kit plays nice with Typographyjs?
- Implementing pre-fetching for Google fonts
- Adding display=swap to GoogleFont in react-typography
- Fonts only seem to work if I have them installed locally HOT 1
- Heading line-heights not the same as paragraphs?
- Chromium doesn't load fonts
- Gatsby 3.0 Dependency Error HOT 2
- Update to support React 18 HOT 4
- Support CSS variables HOT 2
- Shoelace tokens based typography
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 typography.js.