네 개의 사용자 정의 아이콘 글꼴 생성기 비교

/2019-03-27 22:13:59/
Raynie
/사업/

아이콘 글꼴은 현재 모든 분노입니다. 벡터 그래픽을 페이지에 쉽게 포함시킬 수있어 모든 곳의 디자이너가 아이콘을 처리하는 기본 방법으로 사용하고 있습니다.

물론 문제는 우리가 포함하는 아이콘을 더 잘 제어해야한다는 것입니다. 때때로 우리는 우리 자신의 일을 포함하여 다양한 출처에서 뽑아 내고, 그것을 모두 합칠 수있는 좋은 방법이 필요합니다. 아이콘 글꼴 생성기를 입력하십시오. 우리가 좋아하는 몇 가지를 비교하면서 따라하십시오.

왜 발전기인가?

아이콘 글꼴 사용의 단점은 다운로드 한 세트에있는 아이콘에 의해 제한된다는 것입니다. 세 개의 다른 세트에서 세 개의 다른 아이콘을 포함하려면 세 개의 다른 글꼴로로드해야합니다. 이는 실제로 필요하지 않은 수백 개의 아이콘으로로드하는 것을 의미 할 수 있습니다.

분명히 불필요한 리소스가없고 불필요한 로딩 지연이없는 단순하고 의미있는 사이트를 원한다면 아이콘 삽입에 가장 적합한 방법은 아닙니다. 사용자 정의 아이콘 글꼴이있는 곳입니다.이 시나리오에서는 세 개의 아이콘을 가져 와서 하나의 작은 사용자 정의 내장 글꼴로 던져서 페이지에 포함시킵니다.

불행히도 우리 모두 자신 만의 글꼴을 만들 수있는 지식이나 자료를 가지고있는 것은 아닙니다. 그러나 이러한 사용자 정의 아이콘 글꼴 생성기는 걱정하지 마십시오. 자신의 아이콘을 사용하든 기존 아이콘 세트를 활용하든 작업을 수행 할 수있는 도구가 아래에 있습니다.

폰텔로

우리가 확인할 첫 번째 생성기는 Fontello입니다. 이 응용 프로그램은 매우 매끄럽고 사용하기가 쉽고 Font Awesome 및 Iconic을 포함한 11 개의 완전 무료 아이콘 세트가 있습니다. 선택할 수있는 아이콘은 수천 개가 아니지만 원하는 것을 찾을 수있을만큼 충분합니다.

원하는 것을 찾는 것에 대해 말하면, 페이지 상단의 검색 기능을 즉시 업데이트하여 해당 작업을 간단하게 수행 할 수 있습니다. 라이브 필터링이 마음에 듭니다. 검색 결과가 새 페이지가로드되기를 기다리는 것보다 낫습니다.

사용자 지정 글꼴에 대한 아이콘을 선택하는 것은 클릭하는 것만 큼 쉽습니다. 포함하려는 아이콘을 찾아서 선택한 후에는 각 아이콘의 이름을 변경할 수있는 두 번째 탭으로 이동하십시오. Fontello를 그렇게 훌륭하게 만드는 것은 이와 같은 사용자 정의 옵션이 거의 없습니다.

다음 단계는“코드 편집”탭을 확인하여 각 아이콘과 관련된 문자를 사용자 정의 할 수 있도록하는 것입니다. 이 작업을 수행하는 것은 간단합니다. 제공된 필드를 사용하십시오.

위 단계를 완료하면 모든 준비가 된 것입니다. 파일 이름을 입력하고 다운로드 링크를 클릭하여 사용자 정의 글꼴을 받으십시오.

다운로드

Fontello 다운로드에는 여러 폴더에 걸쳐있는 14 개의 파일이 포함되어 있습니다. 각 파일의 설치 공간은 작지만받는 간단한 수의 항목은 간단한 솔루션을 찾는 사람에게 압도적 일 수 있습니다. 즉, 완벽하게 작동하는 예제를 사용하는 것이 좋으며 모든 것이 가능한 브라우저와 호환되도록하기 위해 많은 노력을 기울였습니다.

아이코 문

우리가 살펴볼 다음 앱은 IcoMoon입니다. 정직하게 말하면 Fontello와 비슷하지만 검사 할 가치가있는 몇 가지 주요 차이점이 있습니다.

Fontello와 마찬가지로 스크롤하여 아이콘을 탐색하거나 통합 검색 기능을 사용하여 특정 항목을 찾을 수 있습니다.

기본적으로 볼 수있는 것보다 더 많은 아이콘이 있습니다. 나머지를 확인하려면 화면 상단 근처의 "라이브러리"버튼을 누르십시오.

현재 선택할 수있는 16 가지 컬렉션이있는 페이지로 이동합니다.이 중 많은 컬렉션은 무료이며 다른 컬렉션은 구매해야합니다.

다른 자원 가져 오기

IcoMoon의 최고의 기능 중 하나는 사용자 지정 빌드에 포함 할 다른 리소스를 가져 오는 기능입니다. 다른 아이콘 글꼴이나 사용자 정의 SVG 그래픽을 업로드 할 수 있습니다. 이로 인해 IcoMoon은 처음부터 자신 만의 아이콘 글꼴을 만들려는 사람들에게 훌륭한 리소스가됩니다.

폰트 생성

아이콘을 선택하면 페이지 하단의 버튼을 통해 글꼴 다운로드를 진행할 수 있습니다. 또한 아이콘을 이미지로 다운로드 할 수있는 옵션이 있습니다 (스프라이트 페이지 생성).

Fontello와 마찬가지로 다운로드하기 전에 글꼴 설정 및 인코딩을 변경하는 몇 가지 옵션이 제공됩니다.

다운로드

여기서 다운로드는 Fontello보다 다운로드가 훨씬 작습니다. 파일은 9 개 뿐이며 그 중 5 개는 실제 글꼴입니다. 기본적으로 Fontello는 많은 CSS 파일을 제공하는 반면 IcoMoon은 하나의 파일을 압축합니다. 이를 통해 모든 것을 쉽게 파악할 수 있으며 데모 페이지도 조금 더 좋습니다.

픽 토닉

다음은 Pictonic입니다. 이 사이트를 이용하려면 계정에 가입해야합니다. 거기에서 세 가지 옵션이 있습니다. 무료 아이콘을 사용하거나 아이콘 당 $ 0.59의 요금으로 유료 아이콘을 사용하거나 $ 199에 무제한 액세스 할 수 있습니다.

여기에서 이전과 동일한 드릴을 볼 수 있습니다. 실시간 검색 기능을 사용하거나 원하는 아이콘을 스크롤하고 클릭하여 사용 가능한 아이콘을 찾아보십시오.

범주별로 결과를 쉽게 필터링 할 수있는 드롭 다운 메뉴도 있습니다. 또한 320 개의 무료 아이콘 (주로 소셜 및 소프트웨어 로고)을 볼 수있는 좋은 방법입니다.

다운로드

이번에는 다운로드를 사용자 정의하는 옵션이 표시되지 않습니다. 간단히 "계속"을 클릭 한 다음 "다운로드"를 클릭하면 아직 가장 큰 다운로드로 판명 된 항목이 표시됩니다.

Pictonic을 사용하면 글꼴 파일, PNG 및 SVG와 같이 원하는 방식으로 파일을 자동으로받을 수 있습니다. 받는 파일 수는 선택한 아이콘 수에 따라 다릅니다. 이러한 옵션이 모두있는 것을 좋아하지만 다운로드 전에 내가하고 싶지 않은 것을 선택하고 싶습니다.

픽 토스 서버

마지막으로 이상 값을 저장했습니다. Pictos Server는 다른 사이트와는 조금 다르게 작동합니다. Pictos는 사용자 서버에 다운로드하여 포함하는 사용자 지정 글꼴을 작성하는 대신 아이콘을 호스팅합니다. 일반적으로 "아이콘 유형 키트"라고하며 서비스에서 기대할 수있는 내용에 대한 적절한 설명입니다.

내 수에 따르면 현재 선택할 수있는 약 338 개의 아이콘이 있습니다. Pictos 세트 중 하나를 선택하거나 특정 항목을 검색하여 오퍼링을 줄일 수 있습니다.

아이콘을 선택한 후에는 각 아이콘을 나타내는 문자를 입력 할 수 있습니다. 여기에서 "코드 생성"버튼을 클릭하면 파일에 간단히 던져 넣을 수있는 CSS 포함 링크가 제공됩니다.

가격

Pictos는 호스팅 서비스이므로 월별 요금이 부과됩니다. 플랜 가격은 페이지 뷰에 따라 설정되며, 월 최대 조회수는 25, 000 회까지는 $ 0부터 최대 4, 000, 000 회까지는 최대 $ 50입니다.

또한 무료 플랜은 글꼴 당 12 개의 아이콘으로 제한되는 것으로 보입니다.

그들은 어떻게 비교합니까?

분명히 어떤 사이트가 "최고"인지에 대한 대답은 특정 요구에 달려 있습니다. 각 사이트는 고유 한 방식으로 뛰어난 것으로 보입니다. 가장 쉬운 솔루션을 찾고 있다면 Pictos Server를 이길 수 없습니다. 실제로 관련된 작업이 거의 없으며 아이콘 글꼴을 포함시키는 것이 간단합니다.

계정에 가입하는 번거 로움없이 수많은 무료 글꼴을 찾고 있다면 Fontello를 확인하십시오. 다양한 옵션을 갖춘 훌륭한 서비스이며 필요한 모든 것일 수 있습니다.

기능 및 옵션 측면에서 IcoMoon은 이길 수 없습니다. 자신의 작품이나 찾은 다른 아이콘 글꼴을 업로드하고 통합 할 수 있다는 점이 마음에 듭니다. 여기에 많은 무료 아이콘이 있으며 정말로 모든 것을 나가고 싶다면 프리미엄 팩이 있습니다.

전반적으로, Pictonic은 아마도 그 중에서 가장 좋아하지 않았을 것입니다. 무료 아이콘 선택은 그다지 좋지 않았으며 다른 서비스에 제공되는 사용자 정의 옵션이 없습니다. Pictonic에 대해 내가 좋아하는 한 가지는 프리미엄 아이콘에 대한 간단한 가격 책정 모델입니다 (아이콘 당 $ 0.59 또는 무제한 액세스의 경우 $ 199). 좋고 간단합니다!