-
-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Gatsby instructions #24
Comments
@dpup Any chance of a link to a repo or more details on your setup? When I set up a Gatsby project and add a CSS file with the following content + your config above: @font-face {
font-family: 'Roboto';
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)
format('woff2');
}
:root {
font-family: 'Roboto', sans-serif;
} It produces the following output, as it should: <!-- rest of page -->
<style data-href="/styles.8b00eb46f301f9f1eedb.css" data-identity="gatsby-global-css">
@font-face {
ascent-override: 92.7734375%;
descent-override: 24.4140625%;
font-family: Roboto override;
line-gap-override: 0%;
src: local("BlinkMacSystemFont"), local("Segoe UI"), local("Helvetica Neue"), local("Arial"), local("Noto Sans")
}
@font-face {
font-display: swap;
font-family: Roboto;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2")
}
:root {
font-family: Roboto, Roboto override, sans-serif
}
</style>
<!-- rest of page --> |
Good to know it should work. Our project is rather large. Do you have an example for use with Sass? That would be my next guess. |
You're quite right; that was the issue. Pushing a fix. |
Let me know if it isn't resolved and I'll happily reopen. 🙏 |
Awesome. Thanks for the speedy turnaround. |
No problem! Don't hesitate to let me know if there's anything else you spot. |
📚 Is your documentation request related to a problem?
I would like to see guidance on how to use fontaine with Gatsby.
We're using a pretty standard set up of Gatsby and Sass. I've installed
fontaine
using the below code ingatsby-node.js
. However theoverride
font-face rules aren't created and thefont-family
isn't being changed.🔍 Where should you find it?
Ideally README.md
ℹ️ Additional context
No response
The text was updated successfully, but these errors were encountered: