ชุดอักษรไอคอนชุดสำหรับใช้กับเครื่องมือวิเคราะห์ GIS และอวกาศ
ฉันได้รวบรวมไอคอน repo และกราฟิกที่ฉันใช้ในโครงการของฉัน ไอคอน Font-GIS และชุดรูปแบบฟอนต์ได้รับการออกแบบมาสำหรับแอปพลิเคชัน GIS และเครื่องมือการทำแผนที่เว็บเป็นหลัก พวกเขาสามารถรวมอยู่ในโครงการโดยใช้ภาพตัวอักษรหรือ SVG ได้อย่างง่ายดาย
ดูหน้าสาธิตและตัวอย่าง
Font-GIS สามารถใช้ได้กับ NPM:
npm install --save font-gis คุณสามารถเข้าถึงแบบอักษรหรือ CSS ./css ./font แพ็คเกจ
สไปรต์ SVG ตั้งอยู่ในไฟล์ ./dist/font-gis.svg SVG
คุณสามารถใช้ Font-GIS เป็นตัวอักษรหรือเป็นสัญลักษณ์ 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 เพื่อขอคุณสมบัติใหม่หรือสร้างคำขอดึง
ตัวอักษรถูกสร้างขึ้นจากไฟล์ในโฟลเดอร์ ./svg คุณจะต้องสร้างไฟล์ใหม่ในโฟลเดอร์นี้เท่านั้น ใช้เทมเพลต ./templates/template.svg เพื่อสร้างไอคอนใหม่
คุณสามารถเพิ่มสัญลักษณ์ใหม่ในไฟล์ font-gis.json ด้วยธีมและแท็กค้นหา (ฟิลด์อื่น ๆ จะถูกกรอกโดยอัตโนมัติ)
การบริจาคของคุณจะได้รับการเผยแพร่ภายใต้ใบอนุญาต Font-GIS ตามข้อกำหนดในการให้บริการของ GitHub
หากคุณไม่ต้องการสร้างแบบอักษรและสร้าง DIST ให้ใช้ Build Script (เรียกใช้ npm install เพื่อติดตั้ง Dev Dependencies ก่อน):
npm run buildใช้เซิร์ฟเวอร์ท้องถิ่น (http: // localhost: 8181/) เพื่อดูผลลัพธ์ในหน้า:
npm start Font-GIS ได้รับใบอนุญาตภายใต้ Apache-2.0
ลิขสิทธิ์ (c) 2021 Jean-Marc Viglino
Font-GIS ฟรีโอเพ่นซอร์สและ GPL เป็นมิตร คุณสามารถใช้สำหรับโครงการเชิงพาณิชย์โครงการโอเพนซอร์สหรือเกือบทุกอย่างที่คุณต้องการ อ่านใบอนุญาต Font-GIS เต็มรูปแบบ
สามารถใช้สิทธิ์สองส่วนสำหรับแต่ละส่วนที่เฉพาะเจาะจง:
การระบุแหล่งที่มานั้นเป็นสิ่งจำเป็นโดย Apache, MIT, SIL OFL และ CC โดยใบอนุญาต ไฟล์ Font-GIS มีความคิดเห็นแบบฝังอยู่แล้วพร้อมแหล่งที่มาที่เพียงพอดังนั้น คุณไม่จำเป็นต้องทำอะไรเพิ่มเติมเมื่อใช้ไฟล์เหล่านี้ตามปกติ