Skip to content
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

Inter Variable appears double slanted font-style: italic; #7577

Open
mrleblanc101 opened this issue Apr 18, 2024 · 0 comments
Open

Inter Variable appears double slanted font-style: italic; #7577

mrleblanc101 opened this issue Apr 18, 2024 · 0 comments

Comments

@mrleblanc101
Copy link

mrleblanc101 commented Apr 18, 2024

Describe the bug
When using Inter Variable, if I apply font-style: italic;, the font is double slanted compared to using Inter Regular Italic.

To Reproduce

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">

I use the tailwindcss italic utility which add font-style: italic;.
The font appears double slanted.
If I add font-synthesis: none;, the font is slanted currectly (only once).

Expected behavior
The font should not be double slanted.

Screenshots
Expected:
Screenshot 2024-04-18 at 5 06 37 PM

Actual:
Screenshot 2024-04-18 at 5 06 26 PM

Additional context
macOS 14.1.1
Chome 123.0.6312.124 (Official Build) (arm64)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant