필요한 사이트와 타이포그래피에서 핵심적인 요소 디자인이다. 높은 수준의 품질을 유지하는 2020 년 온라인에서 무료 글꼴을 어디에서 찾을 수 있습니까?사용자 인터페이스는 필요한 요소를 매력적으로 만드는 동안 필요한 것만해야한다고 생각합니다. 우리는 미니멀리즘과 시각적 호소 사이의 최적의 균형을 맞추기를 원합니다.단순하게 유지하지만 단순하게 멋지게 보이게하십시오.
그러나 단순한 모습은 정확히 무엇입니까?
혼란을 없애고 남은 대부분은 UI 복사 및 텍스트 내용입니다. 흥미 진진하지는 않지만 정직하게합시다:이것은 모든 앱이나 웹 사이트의 가장 중요한 측면입니다. 정보는 사용자가 우리의 응용 프로그램 또는 웹 사이트를 사용하는 전체 이유입니다.
그래서 오른쪽으로 글꼴과 함께 오른 글꼴 스타일(글꼴 참조 대체:인터내),우리는 디자인을 만들 수 있는 아주 간단하고 매력적인 동일한 시간에. 이것은 디자인의 중요한 측면을 강조하고,적은 자원을 사용하며,원치 않는인지 부하를 가장 적게 유도합니다.
타이포그래피는 매우 강력 할 수 있습니다.
하지만 최고의 무료 글꼴 웹 사이트는 무엇입니까?
곳을 보지에 대한 무료 글꼴
Dribbble,Behance,Gumroad,그리고는 톤의 숨겨진 보석이지만,이는 체질을 통해 많은 디지털 자원의 일부는 불완전한 측면 투과이트 버전입니다. 즉,당신이 어떤 건너 일어날 않는 경우에 당신이 멋진 자원을 북마크 있는지 확인,말했다되고. Instagram 조차도 당신을 놀라게 할 수도 있고 Twitter 도 간과해서는 안됩니다.
그건 제쳐두고,최고의 무료 글꼴 웹 사이트처럼 살펴 보자.
Google Fonts
이 목록의 1 위는 분명히 Google Fonts 이며 대부분의 대안이 제공하는 것 이상입니다. 우선,Google Fonts 는 빠르고 편리한 CDN(콘텐츠 전달 네트워크)을 제공하여 웹 글꼴을 실제로 호스팅하지 않고도 웹 사이트에 쉽게 포함시킬 수 있습니다.
구글 글꼴 하위 집합으로 만들 수 있습에 의해 스크립트와 무게,그리고 우리는 또한 제어는 어떻게 그들이 로드에서 웹 설정하여font-display
CSS 시설에서 포함 코드의 질의문자열을 개량하는 사이트 로딩 시간. (“Google Fonts and font-display”의 CSS-Tricks 기사는 방법을 설명합니다.)
마음,당신 자체를 호스팅 글꼴을 위해 더 나은 개인정보(기 때문에 그것은 쿠키를 사용하지 않는)과 속도(을 제공하기 때문에 개발자상 제어). 어느 쪽이든,Google Fonts 는 엄청난 레퍼토리를 가지고 있습니다.
창조적인 시장을
나는 당신이 무슨 생각을 하는지 알고 있:”창조적인 시장을 무료로하지 않습니다,다니엘!”
아,하지만 무료 상품 섹션은 어떻습니까? 무료 상품에 대한 흥미로운 점은 실제로 일시적으로 무료 인 프리미엄 글꼴이라는 것입니다. 안을 보장하는 글꼴을 포함,그것은 새로 여 새로운 디자인 자산을 모든 주(플러스 세 이상 로그인할 때까지와는 다른 세 개의 당신이 지출 X 금액에 assets).
I’ve 검사품 섹션에서 창의적 시장의 모든 주년,그리고 구축했 큰 저장소의 높은 품질의 글꼴은 비용이 들지 않습니다. 글꼴 번들은 비슷한 거래를 실행합니다.
글꼴을 다람쥐
글꼴을 다람쥐는 다음과 같무 것도 주 다운로드 파나 글꼴,비록 고려되었습니다 얼마나 오랫동안 주위(정말 오랜 시간!),어쩌면 Unsplash 가 글꼴 다람쥐와 같다고 말하지만 재고 이미지의 경우 더 정확합니다! “다람쥐”가 더 좋지만 dafont 및 Urban 글꼴과 함께 베테랑 무료 글꼴 웹 사이트 중 하나입니다.
지만 베테랑의 많은 사이트는 좀 오래된 글꼴을 다람쥐의 웹사이트에 약간 현대적인 비교합니다. 그것은 또한 부부의 매우 유용한 도구가:
- Webfont 발전기(로 변환 트루타입/OpenType fonts 으로 웹 글꼴)
- 글꼴을 식별자(을 찾기위한 이름에서 글꼴을 업로드한 이미지/화면)
FontSpace
FontSpace 의 보이는 웹 사이트이지만,그것만 제공하는 글꼴을 무료로 사용하는 반면 글꼴은 다람쥐를 확인하는 모든 자신들의 글꼴을 무료로 사용하지 마시기 바랍니다. FontSpace 는 항상 적합하지 않을 수 있습니다.
By fonts
Befonts 를 별도로 설정하는 것은 디스플레이 글꼴에 중점을 둡니다.
지만 일부의 글꼴 유일한 제공 라이트/데모 버전만큼 자주 와서 TTF/OTF 형식으로(즉 그들은 웹에 적합한),Befonts 중 하나에 매우 몇 가지는 웹사이트에 걸리지 않는다”우리는 모든 것을 가지고 접근”(는 압도할 수 있는 가끔). 게다가,당신은 항상 웹 글꼴로 TTF 및 OTF 글꼴을 변환 할 수 있습니다.
글꼴숍
글꼴을 가게 하지 않에 완전히 초점을 맞추 무료 글꼴 글꼴 다람쥐고 FontSpace,하지만 여전히 괜찮은 오히려 대체하는 경우 옵션 중 하나를 네가 없었 당신이 무엇을 찾고 있었던 것입니다. 나는 그것이 옵션 중 가장 사용자 친화적 인 것으로 보이지만 글꼴은 상대적으로 고품질입니다.
언급
다음에는 무료 폰트 사이트의 모양 작은 오래된,그리고 정직한 일부의 글꼴을 할 뿐만 아니라,하지만 그들은 틀림없이 최대 규모의 데이터베이스의 무료 글꼴 밖 오늘:
- Dafont
- Urban 폰트
- Fontsly
글꼴 형식으로 필요합니까?
OpenType(OTF)및 트루타입(TTF)글꼴 형식이었을 위한 표준을 정말 오랜 시간,그리고 그들은 여전히 많이 사용됩에서 그래픽 디자인은 오늘입니다. 하지만 그는 말했다,WOFF 형식은 더 나은 압축은 웹에서(특히 WOFF2 는 지금 지원에서 94.49%의 웹 브라우저에 따라 caniuse.com). 사실,새로운 구글 글꼴 소스 코드만이 제공 WOFF2 형식으로 지금이다.
그래서,짧은:
- WOFF2 웹 포함
- TTF/OTF 에 대한 다른 모든
는 글꼴 스타일이 필요합니까?
요즘에는 규범이 창문 밖으로 조금 던져 졌기 때문에 실제로는 중요하지 않습니다. 예를 들어,세리프 글꼴은 이제 현대적인 느낌을 가질 수 있습니다(매체를 생각하십시오).
대신에,우리는 더 집중해야에서 명확성:
- 가독성(얼마나 쉽게 그것을 말할 자 격)
- 가독성(얼마나 쉬운 문장을 읽을 전체적으로)
의 일부 이는 글꼴을 자체,그렇게 해야 하나 관찰력이 결정할 때에 글꼴을 사용하여, 그러나 다른 시간에 그것은 방법은꼴 스타일을(크기,무게,그리고 이렇게 계속한다).
의심 스러울 때 WCAG2.0/2.1(웹 콘텐츠 접근성 지침서)가 필요한 모든 것을 알아에 대한 타이포그래피와 그것의 많은 특성을 같은 줄 간격,라인 폭,높이 라인,글꼴 크기.
결론
글꼴은 매우 유용한,그리고 그들은 종종 모든 것을 달성하기 위해 필요한 양의 시각과 감정적인 매력 없이 누에 더 많은 시각적 혼란이다. 당신의 디자인은 어쨌든 텍스트를 필요로하므로,그것의 가장 뛰어난 측면으로 만들지 않으시겠습니까?