GIS 및 공간 분석 도구와 함께 사용할 아이콘 글꼴 세트
프로젝트에서 사용했던이 저장소 아이콘과 그래픽에서 수집했습니다. 글꼴 GIS 아이콘 및 글꼴 테마는 주로 GIS 애플리케이션 및 웹 매핑 도구 용으로 설계되었습니다. 글꼴 또는 SVG 이미지를 사용하여 프로젝트에 쉽게 포함 할 수 있습니다.
데모 페이지 및 예제를 참조하십시오
Font-GIS는 NPM에서 사용할 수 있습니다.
npm install --save font-gis 패키지의 ./font 및 ./css 디렉토리에서 글꼴 또는 CSS에 액세스 할 수 있습니다.
SVG 스프라이트는 ./dist/font-gis.svg svg 파일에 있습니다.
글꼴 GI를 글꼴 또는 SVG 기호 또는 이미지로 사용할 수 있습니다.
웹 페이지에서 사용하려면 프로젝트에 CSS를 추가하십시오.
< link href =" https://viglino.github.io/font-gis/css/font-gis.css " rel =" stylesheet " /> 그런 다음 fg- 로 접두사가있는 클래스 인라인 요소를 사용하여 새 아이콘을 추가하십시오.
<!-- prefix: fg - icon name: poi -->
< i class =" fg-poi " > </ i >
<!-- using a <span> is more semantically correct but a little bit verbose. -->
< span class =" fg-polyline-pt " > </ span > 또는 SVG 스프라이트로 사용하십시오 (SVG 스프라이트는 ./dist/font-gis.svg 파일에 포함) :
< svg class =" font-gis fg-3x " > < use xlink:href =" path/to/dist/font-gis.svg#fg-polyline-pt " /> </ svg > GitHub 문제 추적기를 사용하여 새로운 기능을 요청하거나 풀 요청을 작성하십시오.
font는 ./svg 폴더의 파일에서 생성 되므로이 폴더에서 새 파일 만 만들면됩니다. ./templates/template.svg 템플릿을 사용하여 새 아이콘을 만듭니다.
테마 및 검색 태그가있는 font-gis.json 파일에 새 글리프를 추가 할 수 있습니다 (다른 필드는 자동으로 채워집니다).
귀하의 기부금은 GitHub의 서비스 약관에 따라 Font-GIS 라이센스에 따라 게시됩니다.
글꼴을 빌드하고 Dist를 만들지 않으려면 빌드 스크립트를 사용하십시오 ( npm install 실행하여 Dev Dependencies를 설치하십시오).
npm run build로컬 서버 (http : // localhost : 8181/)를 사용하여 페이지에서 결과를 확인하십시오.
npm start Font-Gis는 Apache-2.0에 따라 라이센스가 부여됩니다
저작권 (C) 2021 Jean-Marc Viglino
글꼴 기스는 무료, 오픈 소스이며 GPL 친화적입니다. 상업 프로젝트, 오픈 소스 프로젝트 또는 실제로 원하는 거의 모든 것에 사용할 수 있습니다. 전체 글꼴 GIS 라이센스를 읽으십시오
각 특정 부품에 이중 라이센스를 사용할 수 있습니다.
Apache, MIT, SIL OFL 및 CC는 라이센스에 의해 귀속이 필요합니다. Font-GIS 파일에는 이미 충분한 귀속이있는 내장 주석이 포함되어 있으므로 이러한 파일을 정상적으로 사용할 때 아무 것도 추가 할 필요가 없습니다 .