Map Glyphs jest fontem, którzy zawiera 301 map różnych krajów, kontynentów i regionów z całego świata. To ciekawe rozwiązanie dla wszystkich, którzy potrzebują na swojej stronie internetowej, ikon w kształcie konkretnej mapy. Może przydać się również w projektowaniu materiałów do druku bo w zestawie dostajemy też wersję ttf tego fontu gotową do zainstalowania na komputerze stacjonarnym. Wszystkie mapy są wektorami, można więc je dowolnie powiększać bez straty jakości.

Jak to działa?

Pobieramy zestaw na stronie mapglyphs.com. Znajdziemy w nim plik licencji, fonty w formatach ttf, eot, svg, woff oraz arkusz stylów.

mapglyphs

Komputer stacjonarny

Instalujemy na komputerze plik mapglyphs.ttf i korzystamy z niego w naszej aplikacji do grafiki. Żeby odnaleźć konkretną mapę możemy skorzystać z Tablicy Znaków lub użyć ściągi znajdującej się pod tym adresem. W tym drugim przypadku zaznaczamy mapę, która nas interesuje, klikamy kopiuj, a następnie wklejamy to do naszego programu graficznego.

Strona internetowa

Wrzucamy cały pobrany folder (mapglyphs) na nasz serwer (oczywiście po wcześniejszym rozpakowaniu).
Wklejamy w sekcji <head> naszej strony kod (zmieniając słowo adres-strony na właściwy adres):

<link href="adres-strony/mapglyphs/mapglyphs.css" rel="stylesheet">

Teraz wystarczy na stronie użyć poniższego kodu i mapa wklejona:

<i class="mg map-us mg-2x"></i>

map-us – to oznaczenie kraju/regionu. W tym wypadku mamy USA, mapę Polski wyświetlimy wpisując kod map-pl
mg-2x – to wielkość obrazka (przykłady poniżej)

mapglyphs1

Listę kodów wszystkich krajów znajdziemy tutaj.

Korzystanie z Map Glyphs jest bezpłatne zarówno do użytku prywatnego jak i komercyjnego. Wymagane jest jedynie podanie na stronie informacji, że korzystamy z tego fontu. Jeśli nie chcemy tego robić, możemy w zamian wykupić płatną wersję za $20.