웹사이트를 위한 20가지 최고의 산세리프체 글꼴

웹 사이트 디자인에 관해서는 멋지지만 직관적인 글꼴을 사용해야 합니다. 모든 글꼴에는 고유한 특성이 있습니다. 즉, 사용과 인상을 정의하는 특성입니다. 타이포그래피의 적절한 사용이 웹사이트의 외관을 향상시킬 수 있는 것처럼 올바른 글꼴의 선택은 훌륭한 타이포그래피를 달성하기 위한 주요 관심사가 됩니다. 이 기사에서는 웹 사이트에 가장 적합한 산세리프 글꼴을 살펴보겠습니다. sans-serif는 가장자리에 'serif'라는 확장된 기능이 없는 글꼴 형식이지만 대부분 단순하고 현대적이며 미니멀한 이미지를 전달하는 데 사용됩니다.

세계가 저작권 문제 없이 올바른 글꼴을 선택하는 데 어려움을 겪고 있을 때 Google은 상업 및 개인 용도로 사용할 수 있는 몇 가지 무료 글꼴로 공백을 채우기 위해 게임을 강화했습니다. 찾아보고 선택할 수 있는 600개 이상의 글꼴 모음이 있는 Google 글꼴 라이브러리를 사용하면 기능적 글꼴과 미적 글꼴의 세계로 빠르게 빠져나갈 수 있습니다.

다음은 웹 사이트를 위한 20가지 최고의 산세리프 글꼴입니다.

1. 샌즈 열기:

핀

이 글꼴은 콜로라도 루이빌에 거주하는 서체 디자이너인 Steve Matteson이 처음 디자인했습니다. Open Sans는 가벼운 것부터 아주 굵은 것까지 10가지의 다양한 스타일을 완벽하게 확장하여 제공됩니다. 그것은 상당한 양의 기발함이 있는 멋지고 전문적이지만 직선적인 글꼴입니다. J가 기준선 아래로 내려가는 것이 미묘한 특징인 반면 굵은 기울임꼴은 장난스럽고 타이포그래피 측면에서 매우 실험적입니다.

Open Sans도 3가지 스타일의 압축 버전과 함께 제공되지만 더 작은 크기의 텍스트나 본문 텍스트에는 동일한 스타일을 사용하지 않는 것이 좋습니다. 어떤 경우에는 웹 사이트에 압축된 산세리프 글꼴을 사용하는 것이 여전히 괜찮을 수 있습니다.

2. 로보토:

핀

Roboto는 Android 운영 체제의 공식 글꼴 모음입니다. Christian Robertson이 디자인했으며 얇은 것부터 매우 굵은 것까지 다양한 중량 범위의 약 12가지 스타일이 제공됩니다. Helvetica, Univers 및 Arial과 같은 클래식 글꼴의 많은 기능을 결합한 매우 현대적인 글꼴입니다. 글꼴이 약간 압축되어 있으므로 한 줄에 더 많은 문자를 허용하므로 본문 텍스트에 이상적인 서체입니다.

기본 Roboto 외에도 웹 사이트용 산세리프 글꼴에는 Roboto 축약형(6가지 스타일 제공)과 Roboto Slab(4가지 방법 제공)이라는 두 가지 변형이 있습니다.

3. 라토:

핀

Lato는 본질적으로 목록에서 가장 기발한 글꼴 중 하나입니다. 그것은 ?ukasz Dziedzic에 의해 디자인되었으며 얇은 것에서 매우 굵은 것까지 약 10가지 다른 스타일을 포함했습니다. Lato는 작은 세부 사항과 곡선으로 가득 차 있지만 글꼴이 작은 버전으로 크기가 지정되면 대부분의 기능이 손실되므로 본문보다 중간에서 제목 크기의 글자에 사용하는 것이 더 합리적입니다.

웹사이트용 sans-serif 글꼴은 가장자리를 더 부드럽고 반원형으로 하여 따뜻한 느낌을 주는 반면, 단단한 구조는 더 가혹하고 안정적인 오버룩을 주는 방식으로 디자인되었습니다. 글꼴을 최대한 활용하려면 하이라이트 및 눈에 띄는 텍스트에 사용하는 것이 좋습니다.

4. PT 샌즈:

핀

PT Sans는 ParaType에서 개발했으며 각각 일반, 볼드 및 이탤릭체의 네 가지 유형으로만 제공되었습니다. 단지 4가지 유형과 무게에 대한 소름 끼치는 생각이지만, 이 많은 글꼴만으로 웹사이트를 디자인하는 것이 가능합니다. 그런 면에서 Helvetica Neue는 우리 모두에게 높은 기대를 가지고 있습니다.

양적 측면에서 보완하기 위해 이 글꼴은 Q의 꼬리와 같은 기발한 문자를 사용하여 보다 그래픽적이고 역동적인 느낌을 줍니다. 웹사이트를 위한 이 산세리프체는 타이포그래피 게임에 적합한 촉매제가 될 수 있습니다.

5. 소스 산스 프로:

핀

Source Sans Pro는 Paul D. Hunt가 디자인한 웹 사이트용 sans-serif 글꼴로, Adobe의 첫 번째 오픈 소스 서체 패밀리 글꼴이기도 합니다. 공식 문서와 함께 모든 종류의 UI/UX 응용 프로그램에 적합한 매우 전문적인 글꼴입니다. 가장 흥미로운 글꼴 중 하나는 아닐 수도 있지만 매우 얇은 글꼴에서 매우 굵은 글꼴에 이르기까지 12가지 다른 글꼴이 제공되어 더욱 다재다능하고 전문적입니다.

6. 엑소:

핀

Exo는 디자이너 Natanael Gama가 개발한 기하학적 감성을 지닌 웹사이트를 위한 현대적인 산세리프체입니다. 글꼴은 가중치와 유형의 보물입니다. 각각 기울임꼴이 있는 약 9개의 다른 가중치가 있습니다. 이는 잠재적으로 이 글꼴에 대한 아이디어가 부족하지 않다는 것을 의미합니다! 다용도이며 크기 조정에도 문제가 없는 디스플레이 면에 완벽하게 적합합니다. 서체의 모양과 곡선은 다른 sans-serif 글꼴에 가장자리를 추가하는 글꼴의 특성에 추가됩니다.

7. 엑소-2:

핀

이름에서 알 수 있듯 엑소-2는 엑소의 차기 버전이다. 다소 미래적/기술적 접근을 염두에 두고 설계되었습니다. 이 버전은 원래 Exo보다 작은 텍스트 크기에 더 잘 작동한다는 점에서 훨씬 더 발전되고 유기적입니다. 원래 Exo의 작은 곡선과 모양을 많이 제거하여 웹 사용에 훨씬 더 읽기 쉽고 편리합니다.

8. 우분투:

핀

Dalton Maag와 국제 글꼴 파운드리가 설계한 Ubuntu는 주로 Ubuntu 운영 체제에서 사용하도록 설계되었습니다. 말하자면, 그것은 독특한 요소를 주는 둥근 모서리가 있는 웹사이트를 위한 휴머니스트 스타일의 산세리프 글꼴입니다. 둥근 모서리가 줄기와 직접 만나 세리프나 귀가 필요하지 않습니다.

이 글꼴은 8가지 스타일과 가벼움에서 굵은 글꼴로 제공됩니다. Ubuntu에는 고정 폭 글꼴인 Ubuntu Mono와 축약된 버전인 Ubuntu Condensed도 있습니다.

9. 이스토크:

핀

Istok Web은 Andrey V. Panov가 디자인했으며 각각의 기울임꼴이 있는 굵은 스타일부터 일반 스타일까지 포함했습니다. 이 글꼴에는 최소한의 스타일이 있을 수 있지만 심각한 톤의 전문 문서에는 환상적으로 작동합니다. 어떤 크기로도 읽을 수 있으며 가독성을 유지합니다. 말하자면, 현명하게 사용한다면 웹사이트를 위한 매우 다재다능한 산세리프 글꼴입니다.

10. 노블:

핀

Nobile은 Vernon Adams가 디자인했으며 normal, medium 및 bold의 세 가지 가중치만 있는 웹 사이트를 위한 산세리프 글꼴 중 하나입니다. 작은 텍스트에 더 편안하게 사용할 수 있는 높은 x 값이 있습니다. 이 글꼴은 인쇄 글꼴에서 볼 수 있는 독특한 모양을 잃지 않고 디지털 화면을 염두에 두고 설계 되었습니다. 기본 아이디어는 글꼴 크기가 가장 작은 경우에도 눈에 접근할 수 있는 방식으로 글꼴을 읽기 쉽고 직관적으로 유지하는 것이었습니다.

11. 복용량:

핀

Impallari Type에서 디자인한 Dosis는 웹사이트를 위한 매우 미묘한 산세리프 글꼴입니다. 그것은 믿을 수 없을만큼 기발하고 동시에 눈에 매우 미묘한 가중치 세트와 함께 제공됩니다. Extra-Thin 스타일은 가볍기 때문에 36px 이상의 글꼴 크기에서만 사용할 수 있습니다. 그렇지 않으면 글꼴이 약간 압축되어 가장 상징적인 둥근 산세리프 글꼴 모음 중 하나가 강조 표시됩니다. 기업의 테마가 아닌 예술적 감각의 여지를 남기는 아트 디자인, 광고, 영화, 크리에이티브 사이트에 사용하기에 가장 적합합니다.

12. 포핀스:

핀

Poppins는 이 특정 글꼴로 놀라운 작업을 수행한 Indian Type Foundry에서 디자인한 웹 사이트를 위한 기하학적 산세리프 글꼴입니다. 9개의 무게추와 각각 기울임꼴로 구성된 놀라운 세트로 제공되지만 다용도일 뿐만 아니라 시각적 즐거움도 있습니다. Devnagari 글꼴도 함께 제공됩니다. 모든 서체는 획 결합에 대한 광학적 수정이 있는 모노 리니어로 서체 전체에서 더 읽기 쉽고 색상이 동일합니다. 이것은 인쇄 및 디지털 미디어에 적합한 글꼴입니다.

13. 워크산스:

핀

웹사이트용으로 가장 구조화된 산세리프 글꼴 중 하나인 Work Sans는 Wei Huang이 디자인했습니다. 디지털 매체와 인쇄 매체를 모두 염두에 두고 중간 크기의 텍스트(14px-42px)에 널리 사용됩니다. 눈에 더 잘 보이도록 판화보다는 화면상의 사용에 더 최적화되어 있습니다. 공식 문서는 물론 배너 등을 만드는 데에도 사용할 수 있습니다. 얇은 버전과 초경량 버전은 작은 텍스트 크기(10px 미만)에 사용할 수 없습니다. 텍스트가 왜곡되어 가독성을 잃을 수 있기 때문입니다.

14. 루빅:

핀

Rubik은 모서리가 약간 둥근 웹사이트를 위한 산세리프 글꼴입니다. Hubert와 Fischer의 Philip Hubert와 Sebastian Fischer가 디자인했으며 나중에 Meir Sadan이 다시 디자인했습니다. 각 가중치의 기울임꼴이 있는 5개의 가중치 패밀리입니다. 이 글꼴은 가장 작은 크기에 적합하지만 매우 굵은 글꼴은 타이포그래피와 창의적인 웹사이트 제목을 실험하는 좋은 방법이 될 수 있습니다.

15. 리브레 프랭클린:

핀

Impallari Type 글꼴 파운드리는 리브레 Franklin을 개발했습니다. 각각 이탤릭체로 된 8세트의 무게추입니다. Libre Franklin은 웹 사이트를 위한 보다 구조화된 산세리프 글꼴이지만 매우 굵은 형태는 시각적 미학을 더 쉽게 만들기 위해 필요한 모든 지점에서 완벽한 강조와 강조 표시를 만듭니다. 다양한 두께와 스타일이 주어지면 이 글꼴 모음만으로 전체 사이트를 구축할 수 있습니다!

16. 오스왈드:

핀

웹사이트용 Oswald, sans-serif 글꼴은 Vernon Adams가 디자인했습니다. 이 글꼴은 고전적인 고딕 스타일의 산세리프 글꼴 패밀리를 재작업한 프로젝트입니다. 매우 다재다능한 글꼴인 Oswald는 가늘고 간결하며 외관이 전체적으로 그래픽입니다. PPT 및 워드 문서, 인쇄물 및 디지털 공간과 같은 다양한 문서 세트에 사용하여 지루한 텍스트 덩어리를 높이고 흥미롭고 그래픽적으로 보이게 할 수 있습니다.

17. 몬세라트:

핀

Montserrat는 Julieta Ulanovsky가 디자인한 웹사이트용 산세리프체로 부에노스아이레스의 최초이자 가장 오래된 지역인 같은 이름에서 영감을 얻었습니다. 9세트의 다용도 세트와 각 스타일의 기울임꼴로 Montserrat에는 Alternates와 Subrayada의 두 가지 제품군이 더 있습니다. Alternates는 Montserrat 지역에서 영감을 받은 독특한 글자체를 가지고 있는 반면 Subrayada(스페인어로 '밑줄이 그어진'을 의미)는 밑줄이 그어진 글자체를 가진 글꼴입니다.

이 글꼴은 매우 세련되고 약간 장난기 있으며 동시에 전문적인 목적으로 사용할 수 있습니다. 굵게 표시된 버전은 권위 있고 성명을 냅니다.

18. 레일웨이:

핀

웹사이트용 산세리프 글꼴인 Raleway는 여러 디자이너가 디자인했습니다. 그러나 그 외에도 다양한 무게와 스타일이 있습니다. 이 산세리프체 계열은 제목과 크기가 큰 텍스트 기사를 위한 것입니다. 처음에 이 글꼴은 Matt McInerney가 얇은 두께로 디자인했습니다. 그러나 그 후 2012년 Rodrigo Fuenzalida와 Pablo Impallari에 의해 확장되어 9개의 웨이트 제품군으로 만들어졌습니다. 오늘날의 세계에서 Raleway는 약 5백만 개의 웹사이트에 소개되었습니다.

19. 피얄라:

Fjalla One은 Sorkin Type 글꼴 파운드리에서 디자인한 웹 사이트용 산세리프 글꼴입니다. 중간 대비의 디스플레이 산세리프 글꼴입니다. 글꼴은 화면의 제한 사항에 맞게 조심스럽게 조작됩니다. 디스플레이 기능이 있음에도 불구하고 Fjalla는 광범위한 크기에 사용되어 영향을 줄 수 있습니다. 하나의 표시 스타일만 있습니다. 또한 웹 사이트 헤더뿐만 아니라 새로운 동적 타이포그래피를 탐색하기 위해 쉽게 사용할 수 있습니다.

20. 캠베이:

핀

Cambay는 Pooja Saxena가 디자인한 웹 사이트용 산세리프 글꼴이며 무료 Devnagari 서체 패밀리 글꼴입니다. 처음에는 라틴어 Cantarell과 일치하도록 의도되었습니다. 글꼴에는 두 가지 굵기(일반 및 굵게)가 있으며 각각 기울임꼴이 있습니다. 꼭 필요한 광학적 요소만을 사용하여 기울임꼴을 비스듬히 하는 것이 서체의 두드러진 특징입니다. 헤더에서 본문 텍스트에 이르기까지 디지털 및 인쇄 매체 모두에 대해 모든 글꼴 크기에 맞게 설계되었습니다.

웹사이트를 위한 최고의 산세리프 글꼴입니다. 웹 페이지에 가장 적합한 레이아웃과 그래픽을 만드는 데 사용할 수 있습니다. 웹 페이지를 디자인할 때 올바른 종류의 글꼴 모음을 선택하는 것이 필요합니다. 이렇게 하면 페이지가 웹사이트의 나머지 부분과 시너지 효과를 낼 수 있습니다. 또한 페이지의 시각적 미학을 향상시키고 보는 사람의 마음에 흔적을 남깁니다.

이러한 글꼴 목록을 통해 sans-serif 글꼴을 사용하여 최소한의 구조적이지만 단순한 전문적인 모양을 제공할 수 있음이 분명합니다. 귀하의 페이지에 성명을 내고 싶다면 추가 '세리프'가 더 견고해 보이고 함께 결합되는 경향이 있으므로 세리프 글꼴을 선택하는 것이 중요합니다. 그러나 하나 이상의 세리프를 결합하거나 산과 혼합하려는 경우 전적으로 귀하에게 달려 있습니다. 중요한 것은 디자인에 표시를 남겨야 한다는 것입니다!