• a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • B
  • C
  • D
  • E
  • F

County-Map Font

Each of the counties exists as a glyph within an SVG font which I created. When used together they form part of a bigger whole, i.e. the island of Ireland. Each individual county can be styled independently of the others, counties can also be left off the map altogether. You can have as many or as few counties on the map as you wish, anywhere from 1 to 32.

HTML

  <ul class="county-map" id="plain">
  	<li data-county="an" class="an">a</li> 
  	<li data-county="ar" class="ar">b</li>
  	<li data-county="cw" class="cw">c</li>
  	...
  	<li data-county="so" class="so">z</li>
  	<li data-county="tp" class="tp">A</li>
  	...
  </tr>

CSS

.county-icon {
	font-family: 'countymapregular';
	color:#f0f0f0;//gray
	...
}
   	...
					
If you are interested in developing using this font then please view GitHub for further info. See below a set of examples I have done up to show some uses for this font. Remember, the below are not images but fonts, styled using CSS.

Plain

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • B
  • C
  • D
  • E
  • F

Provinces

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • B
  • C
  • D
  • E
  • F

Northern Ireland

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • B
  • C
  • D
  • E
  • F

Just the Republic

  • c
  • d
  • e
  • f
  • h
  • j
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • C
  • D
  • E
  • F

Mayo For Sam!

  • a
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • B
  • C
  • D
  • E
  • F

County-Icon Font

As I mentioned above this font has been optimized to work alongside regular font types. As you can see from the samples below the size and shape are equivalent to their text counterparts. The bottoms and tops of the counties should line up closely with regular text when written together. All the elements seen below, both counties and text, have identical font styling applied to them. The county symbols replace regular alphabetical characters. As you see from the below example, a CSS class called county-icon is applied to letters of the alphabet.

HTML

<table>					
	<tr>
   		<td class="county-icon">a</td>
   		<td>Antrim</td>
   		<td>a</td>
   	</tr>
   	...
					

CSS

table {	
	font-size: 1em;	
}
.county-icon {
	font-family: 'countyiconregular';
	...
}
...
					
With this in place, wherever a letter from a to z or A to F is used, it will be replaced by the County-Icon glyph for that county. If you are interested in developing using this font then please view GitHub for further info.

a Antrim a
b Armagh b
c Carlow c
d Cavan d
e Clare e
f Cork f
g Derry g
h Donegal h
i Down i
j Dublin j
k Fermanagh k
l Galway l
m Kerry m
n Kildare n
o Kilkenny o
p Laois p
q Leitrim q
r Limerick r
s Longford s
t Louth t
u Mayo u
v Meath v
w Monaghan w
x Offaly x
y Roscommon y
z Sligo z
A Tipperary A
B Tyrone B
C Waterford C
D Westmeath D
E Wexford E
F Wicklow F
Z Ireland Z