최고의 CSS3 글꼴 도구 중 5 개

웹 디자인 개선 : 5 개의 주요 CSS3 글꼴 도구에 권장 및 중고 안내서 글꼴은 웹 디자인에서 중요한 역할을합니다. 이 기사는 글꼴을 쉽게 선택하고 적용하고 웹 디자인 수준을 향상시키는 데 도움이되는 5 가지 강력한 CSS3 글꼴 도구를 소개합니다.

키 포인트 :

Google 웹 글꼴, 글꼴 다람쥐, 글꼴 Dragr, Fffallback 및 WhatFont는 글꼴 매칭 및 인식과 같은 풍부한 글꼴 리소스 및 기능을 제공하는 몇 가지 우수한 CSS3 글꼴 도구입니다.

Google Web Fonts는 200 개가 넘는 무료 글꼴을 제공하고 CDN의 다운로드 속도 문제를 해결합니다. Font Squirrel은 다양한 웹 페이지 형식 및 샘플 CSS 코드를 생성하는 @font-face 생성기뿐만 아니라 수백 개의 상업적으로 이용 가능한 고품질 무료 글꼴을 제공합니다.

fffallback.com은 사용자가 다른 글꼴로 웹 사이트의 디스플레이를 보는 데 도움이되는 북마크 도구입니다. 따라서 잠재적 형식 형식 문제를 식별합니다. Whatfont는 글꼴 유형과 매력적인 글꼴의 크기를 식별하는 데 도움이되는 또 다른 북마크 도구입니다. 브라우저가 그래픽 지원을 추가 한 이후 글꼴은 웹 페이지 시각 효과에 가장 큰 영향을 미칩니다. 몇 년 전, 웹 사이트는 거의 Arial, Verdana, Tahoma, Times New Roman 또는 Georgia (또는 더 나쁜 만화 산) 만 사용했습니다. 표준 글꼴 스택은 괜찮지 만 약간 단조로운 것처럼 보일 수 있습니다. Internet Explorer는 10 년 전에 웹 글꼴을 지원하기 시작했지만 다른 브라우저를 따라 잡는 데 시간이 더 걸렸습니다. 라이센스는 여전히 문제입니다. 상업용 글꼴을 사용할 수는 없지만 웹 페이지를 사용할 수있는 글꼴을 찾거나 회사의 스타일과 유사한 글꼴을 찾을 수 있어야합니다. 그러나 선택이 많을수록 책임이 커집니다. 다행히도 CSS3 글꼴을 찾고 사용할 수있는 몇 가지 온라인 도구가 있습니다.…

• 1. Google 웹 글꼴 아직 Google 웹 글꼴을 방문하지 않았다면 무엇을 놓쳤습니까? Google은 200 개가 넘는 글꼴을 제공하며 검열 도구는 놀랍습니다. 글꼴 파일을 다운로드 할 수 있지만이 도구를 사용하면 개발자가 HTML 링크 태그, CSS @Import 선언 또는 JavaScript 스 니펫을 통해 글꼴을 가져올 수 있습니다. Google은 잠재적 인 다운로드 속도 문제를 강조하지만 CDN을 사용할 수 있으므로 호스팅 문제에 대해 걱정할 필요가 없습니다. 완전히 무료라고 언급 했습니까? Google 웹 글꼴은 가장 까다로운 디자이너의 요구를 충족시킬 것입니다.
• 2 font squirrel은 우수합니다. 특히 모든 글꼴 책임을 Google에 전달하는 데 화를내는 경우. 이 웹 사이트는 상업용 용도로 무료 인 수백 개의 고품질 글꼴을 제공합니다. TTF, EOT, Woff 및 SVG 글꼴 파일과 방탄 코드와 모든 주요 브라우저에서 제대로 작동하는 예제를 제공하는 @font-face 툴킷을 다운로드 할 수 있습니다. 아직도 만족하지 않습니까? 라이센스가있는 글꼴 파일을 @font-face 생성기에 업로드하십시오. 이 서비스를 기꺼이 기꺼이 지출합니까? 비용이 들지 않습니다.

  3 모든 글꼴이 웹 페이지에서 사용하기에 적합한 것은 아닙니다. Helvetica 및 Georgia와 같은 글꼴은 화면에 잘 표시되도록 설계되었지만 모든 글꼴이 특히 작은 크기로 동일하지는 않습니다. 따라서 중세 스크립트 글꼴을 테스트하여 페이지에 추가하기 전에 테스트해야합니다. Font Dragr은 이것을 쉽게 만듭니다 - 글꼴 파일을 페이지로 끌면 텍스트가 마술처럼 변경됩니다.

  4 모든 사용자가 아름다운 글꼴을 경험할 수있는 것은 아닙니다. 이전 브라우저를 사용하는 사용자는 웹 글꼴을 지원하지 않을 수 있으며 모바일 장치에서 사용하지 않아도됩니다. 다행히도 CSS는 폴백 글꼴 스택을 지원합니다. 글꼴이 발견 될 때까지 순서대로 시도합니다. 그러나 글꼴은 크기와 간격이 다르므로 특정 폴백 글꼴이 디자인을 망칠 수 있습니다. fffallback.com은 웹 사이트가 다른 글꼴 아래에서 어떻게 보이는지 보여주는 훌륭한 북마크 도구입니다. 원래 페이지 상단의 페이지 사본이 오버레이되므로 즉시 포맷 문제를 발견 할 수 있습니다.

  5 야생에서 아름다운 글꼴을 찾으면 글꼴 유형과 크기를 식별하는 데 도움이되는 또 다른 북마크 도구입니다. 도구를 시작하고 모든 요소를 ​​통해 호버링하거나 요소를 클릭하십시오. 이보다 더 쉬운 것이 무엇입니까?

  추가 글꼴 도구 :
  fontruct와 bitfontmaker를 사용하면 시간과 관심이있는 경우 자신만의 글꼴을 만들 수 있습니다. 둘 다 재능있는 예술가들이 만든 다양한 무료 글꼴을 제공합니다. 글꼴 매트릭스 및 공통 글꼴에는 Windows 및 Mac의 기본 및 대체 폴백 글꼴이 나와 있습니다. 항상 먼저 확인하십시오 - 대부분의 플랫폼에서 글꼴을 보편적으로 사용할 수 있다면 웹 글꼴을 사용할 필요가 없습니다. 다른 우수한 글꼴 도구를 알고 있습니까?

위 내용은 최고의 CSS3 글꼴 도구 중 5 개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!