Comments (3)
@michaelkremenetsky You should specify weight: 100 900
in the Next.js localFont({})
block. It looks like Next.js doesn't include it by default, which leads to Safari/WebKit making some strange choices around rendering.
Here's Inter v4 @ 600 on Safari 17.3.1:
Before | After |
---|---|
from inter.
I’m 99% certain that it is an issue with your font renderer. Disable sub-pixel anti-aliasing (what’s going on is SPAA that is post-processed to greyscale, which should never be done but happens for complicated reasons on the pages.
Think about it this way: if the same font looks correct in one app but not the other, the difference must be in how the apps render the font, not an issue with the font.
from inter.
@pacocoursey Thank you so much this fixed it!
from inter.
Related Issues (20)
- Pipe (vertical bar) character "|" should not be italicized/slanted. HOT 2
- [Request] Horizontal touching Q (like Univers) as alternate for titling HOT 2
- Bring back the alternate 'r' with oblique terminal HOT 1
- [Request] Inter from version 4.0 onwards no longer has an alternate 'r' with oblique terminal HOT 1
- Adobe Illustrator: Invalid vertical and horizontal Cyrillic characters: ГПРСТХй (InterDisplay-ExtraBold, v4.0) HOT 10
- [Bug] ordmasculine/feminine don't match Inter style (they are still reminiscent of Roboto) HOT 2
- The versions from 4.0 onwards no longer have the 'r' with oblique terminal. HOT 3
- Sharp S "ẞ" using the Frankfurt shape HOT 1
- Add plane symbol (✈︎) HOT 1
- Improvements to Cyrillic glyphs HOT 8
- [U+0189] "Đ" crossbar is too long in v4.
- Possible line height issue HOT 3
- on Safari "i" doesn't render with font weight 600 HOT 7
- Make it available on Samsung store
- Why Numbering is not aligned properly in MS Word HOT 2
- Italic missing round version of low quotes U+201E and U+201A
- The sample image in the README leads to "404 not found"
- Parentheses are not aligned HOT 5
- Error: Unexpected 'wght' value while compiling variable font
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 inter.