website icon indicating copy to clipboard operation
website copied to clipboard

Text looks funny in Chrome when system UI font is set to Inter

Open hexchain opened this issue 1 year ago • 2 comments

User-agent: Chrome 124.0.6367.201 on Linux

The swc.rs website has the following CSS:

html {
    /* ... */
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    /* ... */
    font-feature-settings: "rlig" 1,"calt" 1,"ss01" 1,"ss06" 1;
}

My system UI font is set to Inter, whose ss06 feature is "Characters in squares". This makes the texts in the page look funny:

image

hexchain avatar May 14 '24 13:05 hexchain

I encountered the same issue. Initially, I assumed it was a deliberate design choice of the website. However, after switching to a different font that was not "Inter-Fonts," the strange appearance of the website returned to normal. Upon further investigation, I discovered that the cause was the "font-feature-settings" ss06. I'm curious as to why they chose to enable ss06 since it makes reading the documentation difficult.

ankworld avatar Sep 10 '24 01:09 ankworld

I encountered the same issue.

aug-dev avatar Sep 14 '24 18:09 aug-dev