圖標字體設置用於GIS和空間分析工具
我已經收集了我在項目中一直使用的倉庫圖標和圖形。字體-GIS圖標和字體主題主要設計用於GIS應用程序和Web映射工具。可以使用字體或SVG圖像輕鬆將它們包括在項目中。
請參閱演示頁面和示例
npm上的字體GIS可用:
npm install --save font-gis您可以訪問包裝的./font和./css目錄中的字體或CSS。
SVG Sprites位於./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 Sprite(在./dist/font-gis.svg文件中將SVG Sprites插入):
< 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文件中添加一個帶有主題和搜索標籤的新字形(其他字段將自動填充)。
根據GitHub的服務條款,您的貢獻將根據字體GIS許可發布。
如果您不是要構建字體並創建區域,請使用構建腳本(運行npm install以之前安裝Dev依賴項):
npm run build使用本地服務器(http:// localhost:8181/)查看頁面上的結果:
npm start 字體-GIS已在Apache-2.0下獲得許可
版權(c)2021讓·馬克·維格利諾(Jean-Marc Viglino)
字體GIS是免費的,開源和GPL友好的。您可以將其用於商業項目,開源項目,或者實際上幾乎任何您想要的東西。閱讀完整的字體GIS許可證
雙許可證可用於每個特定部分:
Apache,MIT,SIL OFL和CC要求歸因。字體-GIS文件已經包含具有足夠歸因的嵌入式註釋,因此在正常使用這些文件時,您不必再做任何其他事情。