Illustrator & Icomoon을 사용하여 아이콘 글꼴을 만듭니다

사용자 정의 아이콘 글꼴 생성 : Illustrator 및 Icomoon을 사용하여 독점 아이콘 시스템을 만듭니다 코어 포인트 :

사용자 정의 아이콘 시스템은 웹 프로젝트에서 중요한 디자인 요소입니다. Illustrator 및 Icomoon과 같은 도구는이 프로세스를 단순화 할 수 있습니다. 아이콘 글꼴을 만들고 먼저 Illustrator의 아이콘을 디자인하고 SVG 파일로 저장하십시오. 그리기를 시작하기 전에 스트로크 크기 및 메쉬 스케일과 같은 글리프의 스타일 특성을 정의하십시오.

아이콘이 SVG 파일로 설계되고 저장된 후 아이콘 글꼴을 생성하기 위해 ICOMOUN에 업로드 할 수 있습니다. Icomoon 앱을 사용하면 SVG 파일을 가져 와서 배열 및 편집 한 다음 글꼴로 컴파일 할 수 있습니다.

iComoon 앱은 필요한 브라우저 호환성 수정이 포함 된 아이콘 글꼴 CSS 파일을 제공합니다. 이 파일에는 웹 사이트 HTML에 포함될 수있는 규칙과 모든 기호 선택기가 포함되어있어 웹 페이지 항목에 사용자 정의 아이콘 글꼴을 추가합니다.
• 사진 : Listenorason
아이콘 시스템은 일반적으로 웹 프로젝트의 핵심 설계 요소입니다. 온라인으로 많은 무료 또는 상용 아이콘 세트가 있으며, 일반적으로 주요 CSS 프레임 워크에 포함됩니다 (Bootstrap 3 Glyphicons는 좋은 예입니다).
• 그러나 때로는 일반 세트에 포함되지 않은 더 구체적인
글리프가 필요할 수 있습니다. 또는 프로젝트의 다른 디자인 요소로 아이콘 디자인을 더 잘 조정하는 것입니다. 이 경우 새 아이콘을 처음부터 그려야합니다.
• 프로젝트에 아이콘 세트를 추가하는 두 가지 일반적인 방법 : @font-face
웹 글꼴 svg

이 기사에서는 웹 글꼴을 소개합니다. SVG는 다른 기사에서 다루어집니다. 전통적으로 글꼴 생성은 어렵고 까다로운 작업 이었지만 고맙게도 Icomoon, Fontastic 또는 Fontello와 같은 간단한 온라인 도구의 출현으로 아이콘 글꼴 세트를 만드는 것이 훨씬 쉬워졌습니다. 각 도구를 사용하면 공공 도서관에서 사전 구축 된 아이콘을 "선택"하여 글꼴을 작성하거나 준비된 SVG 파일을 업로드하고 컴파일 할 수 있습니다.

자신만의 아이콘을 만듭니다

자신의 아이콘 글꼴을 만들려면 첫 번째 단계는 아이콘을 디자인하는 것입니다.이 작업에 삽화를 사용한 다음 SVG 형식으로 저장합니다.

위 내용은 Illustrator & Icomoon을 사용하여 아이콘 글꼴을 만듭니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!