图标字体设置用于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文件已经包含具有足够归因的嵌入式注释,因此在正常使用这些文件时,您不必再做任何其他事情。