1. Inter
Designer Rasmus Andersson’s Inter is a fantastic open source alternative to Helvetica.
Inter는 화면 보기에 최적화되어 있어 UI 디자인 측면에서 Helvetica보다 더 좋습니다. Helvetica와 같은 다른 신그로테스크한 문자보다 자연히 간격이 더 넉넉합니다. 즉, 큰 크기에 음수 문자 간격을 추가할 수 있다는 뜻입니다(이렇게 하면 Helvetica와 같은 느낌이 더 강해집니다).
아마도 Inter와 Helvetica의 가장 큰 차이점은 Helvetica의 문자 형식(터미널)의 끝이 거의 엄격하게 수평 또는 수직이라는 것입니다. 이는 매우 선명하고 깨끗한 외관을 제공합니다. 이는 Inter에서는 찾아볼 수 없는 것입니다. 반면에? Helvetica는 읽기가 어렵습니다.
What it’s got: 9 weights + italics; also available as a variable font
Get it at: Inter at Google Fonts
2. Roboto
The popular default Android font, Roboto, is open-source and free to use.
Roboto의 소문자 글자체는 Helvetica의 소문자보다 약간 얇은 느낌입니다. 닮았다고 완벽하지는 않지만 Roboto는 화면에 최적화되어 있습니다. Android 앱에서 사용하면 사용자에게 다소 친숙하게 느껴질 수 있지만 다른 용도로 사용하는 것이 좋습니다 👍. 글자체가 약간 더 얇아서 더 컴팩트하기 때문에 공간이 핵심이고 낭비될 수 없는 바쁘고 중요한 UI에 가장 적합하다고 생각합니다.
What it’s got: 6 weights + italics
Get it at: Roboto at Google Fonts
3. Arimo
Steve Mattheson’s Arimo was designed as a fresh take on Arial, but works perfectly as a cross-platform Helvetica replacement.
Arimo는 Helvetica보다 약간 더 큰 문자 형식을 가지고 있지만 그 외에는 꽤 괜찮은 대체품입니다. 더 가벼운 무게를 사용하고 싶다면 조심하세요. Arimo에는 일반 무게보다 가벼운 무게가 없습니다(위 그림 참조).
What it’s got: 4 weights + italics; also available as a variable font
Get it at: Arimo at Google Fonts
4. Nimbus Sans
Designed by type foundry URW, Nimbus Sans is a great Helvetica replacement.
Nimbus Sans는 Helvetica를 직접 기반으로 하며 이 페이지의 다른 글꼴에는 없는 기능에서도 일치한다는 것을 알 수 있습니다. 문자 형식은 수평 및 수직 터미널로 끝나고 "R"의 다리는 우아하게 구부러져 있습니다. , "G"에는 약간 하강하는 박차 등이 있습니다. 한 가지 큰 변화: 더 어둡습니다. 이는 타이포그래피의 세계에서 문자 형태가 주어진 크기에서 더 두꺼워짐을 의미하므로 큰 블록을 눈으로 가늘게 뜨고 보면 약간 더 어둡게 나타납니다. 텍스트. 이를 보완하기 위해 줄 높이를 높이거나 텍스트 색상을 밝게 하는 것을 고려할 수도 있지만 이는 귀하에게 달려 있습니다.
참고: Creative Cloud를 통해 Adobe Fonts 계정이 있는 경우 4가지 무게와 확장되고 압축된 설정을 갖춘 훨씬 더 완전한 기능을 갖춘 Nimbus Sans를 얻을 수도 있습니다.
What it’s got: 2 weights + italics
Get it at: Font Squirrel
5. TeX Gyre Heros
TeX Gyre Heros includes a few improvements on Helvetica, but is basically a deadringer.
이것은 Helvetica를 기반으로 한 Nimbus Sans를 기반으로 합니다.
What it’s got: 2 weights + italics + condensed setting (2 weights)
Get it at: Font Squirrel
6. Work Sans
Wei Huang’s Work Sans is a fantastic option when you need a bit more personality.
더 기발하고 친근한 그로테스크한 Work Sans는 좀 더 개성이 필요할 때 환상적인 선택입니다.
여유로운 간격과 거의 바보 같은 디테일에 주목하세요. "g"의 귀와 "a"의 늘어진 꼬리.
What it’s got: 9 weights + italics; also available as a variable font
Get it at: Work Sans on Google Fonts
7. IBM Plex Sans
The solid IBM Plex Sans is like a more technical feeling Helvetica.
약간 사각형 모양의 글자체와 직각("a"의 꼬리, "l"의 구부러진 부분 참조)은 IBM Plex Sans가 기술적이고 과학적인 느낌을 줍니다. 그러나 글자체는 Helvetica의 글자체와 분명한 관계가 있습니다. 열린 카운터(“a”, “c”, “e”와 같은 문자의 간격) 덕분에 이전 제품보다 훨씬 더 읽기 쉽습니다.
참고: 유형 애호가는 "g"에 감명을 받을 수 있습니다. IBM Plex Sans에는 일반적으로 2층짜리 "g"가 있지 않습니까!? 그렇죠. 그러나 대체 문자 스타일 덕분에 글꼴 기능 설정: "ss02" 1;을 사용할 수 있습니다. CSS에서 좀 더 Helvetica와 유사한 "g"를 바꾸려면, 마음에 드시면 됩니다 😉.
What it’s got: 9 weights + italics + matching condensed, mono, and serif fonts
Get it at: IBM Plex Sans at Google Fonts