font gisダウンロード-Font font gisソースコードのダウンロード

font gis

フォントのダウンロード

v1.0.6

ダウンロード

font-gis

GISおよび空間分析ツールで使用するためのアイコンフォントセット

私は自分のプロジェクトで使用してきたこのレポコンとグラフィックで収集しました。 Font-GISアイコンとフォントテーマは、主にGISアプリケーションとWebマッピングツール向けに設計されています。フォントまたはSVG画像を使用してプロジェクトに簡単に含めることができます。

デモページと例を参照してください

はじめる

NPMパッケージ

font-gisはnpmで利用可能です。

 npm install --save font-gis

パッケージの./fontおよび./cssディレクトリのフォントまたはCSSにアクセスできます。
SVGスプライトは./dist/font-gis.svg font-gis.svg svgファイルにあります。

Font-Gisを使用します

フォントGISをフォントとして、またはSVGシンボルまたは画像として使用できます。

Webページで使用するには、プロジェクトに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 Issue Trackerを使用して、新機能を要求するか、プルリクエストを作成してください。
Fontは./svgフォルダー内のファイルから作成されているため、このフォルダーに新しいファイルを作成するだけです。 ./templates/template.svgテンプレートを使用して、新しいアイコンを作成します。
Font-gis.jsonファイルに、テーマと検索タグを使用して新しいグリフを追加できます（他のフィールドは自動的に入力されます）。

貢献は、GitHubのサービス条件に従って、Font-GISライセンスに基づいて公開されます。

フォントをビルドしてDISTを作成しない場合は、ビルドスクリプトを使用します（ npm installを実行して以前に開発依存関係をインストールします）：