3

DispatchMetaReference

by The Corporate States of Aeioux. . 237 reads.

Unofficial Guide to NationStates Icon Font

[box]
[tab=24][size=200][b][color=#6a6]NS Icon Font [font=nationstates][/font][/color][/b][/size][/tab]

[size=120]Icon fonts are one of the commonly used technique that allows web-developers to add icons as scalable images that would also behave like normal text in terms of sizing, coloring, etc. NationStates has a font for that too, it is used for icons in the top bar, left sidebar, regional menu, special N-Day and Z-Day cases and a few other places.
Downloading or installing the font is not necessary, however here's the link: [url=https://www.nationstates.net/fontello/font/nationstates.woff2]https://www.nationstates.net/fontello/font/nationstates.woff2[/url] (also available in woff, SVG, embedded-opentype (eot) and truetype (ttf) formats). Some of these icons may or may not be copyrighted, however most of them can be found in free generic icon fonts like [url=https://fontawesome.com/v5.15/icons]FontAwesome[/url], so i assume they're free to use.[/size]

[tab=24][size=200][b][color=#6a6]Okay, so what?[/color][/b][/size][/tab]

[size=120]As these icons are a font that everybody visiting this site downloads and imports it as a valid CSS font-face, you can use them in dispatches using the [b][color=#b44][font=monospace][[i][/i]font][/font][/color][/b] block and add a nuclear explosion [font=nationstates][/font] in your sentence. Since it's treated like text, it can be [color=#b44]colored [font=nationstates][/font][/color], [/size][size=200]resized [font=nationstates][/font][/size][size=120], [i]italicized [font=nationstates][/font][/i], [url=https://www.nationstates.net/nation=aeioux]put in a link [font=nationstates][/font][/url], and so on.[/size]

[tab=24][size=200][b][color=#6a6]Okay, but how?[/color][/b][/size][/tab]

[size=120]EZ, just:[/size]
[list=1]
[*][size=120]Copy an icon from this table as you would normally copy text. Pasting it anywhere will probably result in a square/rectangle much like this  - that's intentional, there's no set meaning for characters with these codes.[/size]
[*][size=120]Put that character in the font block like this [b][color=#b44][font=monospace][[i][/i]font=nationstates][[i][/i]/font][/font][/color][/b].[/size]
[/list]
[size=120]And there you go, boom [font=nationstates][/font].[/size]

[tab=24][size=200][b][color=#6a6]Okay, table[/color][/b][/size][/tab]
[align=center]
[table=plain]
[tr][td][size=500][font=nationstates][/font][/size]
align-left
e800
[/td]
[td][size=500][font=nationstates][/font][/size]
chat-empty
e801
[/td]
[td][size=500][font=nationstates][/font][/size]
login
e802
[/td]
[td][size=500][font=nationstates][/font][/size]
flag-empty
e803
[/td]
[td][size=500][font=nationstates][/font][/size]
star
e804
[/td]
[td][size=500][font=nationstates][/font][/size]
mic
e805
[/td]
[td][size=500][font=nationstates][/font][/size]
globe
e806
[/td]
[td][size=500][font=nationstates][/font][/size]
book
e807
[/td]
[td][size=500][font=nationstates][/font][/size]
gift
e808
[/td]
[td][size=500][font=nationstates][/font][/size]
building
e809
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
radar
e80a
[/td]
[td][size=500][font=nationstates][/font][/size]
mail
e80b
[/td]
[td][size=500][font=nationstates][/font][/size]
right-hand
e80c
[/td]
[td][size=500][font=nationstates][/font][/size]
cog-alt
e80d
[/td]
[td][size=500][font=nationstates][/font][/size]
male
e80e
[/td]
[td][size=500][font=nationstates][/font][/size]
megaphone
e80f
[/td]
[td][size=500][font=nationstates][/font][/size]
lock
e810
[/td]
[td][size=500][font=nationstates][/font][/size]
link-ext
e811
[/td]
[td][size=500][font=nationstates][/font][/size]
help
e812
[/td]
[td][size=500][font=nationstates][/font][/size]
heart
e813
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
rss-1
e814
[/td]
[td][size=500][font=nationstates][/font][/size]
award
e815
[/td]
[td][size=500][font=nationstates][/font][/size]
flash
e816
[/td]
[td][size=500][font=nationstates][/font][/size]
chart-bar
e817
[/td]
[td][size=500][font=nationstates][/font][/size]
shield
e818
[/td]
[td][size=500][font=nationstates][/font][/size]
logout
e819
[/td]
[td][size=500][font=nationstates][/font][/size]
newspaper
e81a
[/td]
[td][size=500][font=nationstates][/font][/size]
town-hall
e81b
[/td]
[td][size=500][font=nationstates][/font][/size]
industrial-building
e81c
[/td]
[td][size=500][font=nationstates][/font][/size]
monument
e81d
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
star-empty
e81e
[/td]
[td][size=500][font=nationstates][/font][/size]
link
e81f
[/td]
[td][size=500][font=nationstates][/font][/size]
search
e820
[/td]
[td][size=500][font=nationstates][/font][/size]
wa
e821
[/td]
[td][size=500][font=nationstates][/font][/size]
flag-1
e822
[/td]
[td][size=500][font=nationstates][/font][/size]
flag-checkered
e823
[/td]
[td][size=500][font=nationstates][/font][/size]
heart-empty
e824
[/td]
[td][size=500][font=nationstates][/font][/size]
mail-alt
e825
[/td]
[td][size=500][font=nationstates][/font][/size]
comment
e826
[/td]
[td][size=500][font=nationstates][/font][/size]
chat
e827
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
comment-empty
e828
[/td]
[td][size=500][font=nationstates][/font][/size]
bell
e829
[/td]
[td][size=500][font=nationstates][/font][/size]
bell-alt
e82a
[/td]
[td][size=500][font=nationstates][/font][/size]
menu
e82b
[/td]
[td][size=500][font=nationstates][/font][/size]
lightbulb
e82c
[/td]
[td][size=500][font=nationstates][/font][/size]
arrows-cw
e82d
[/td]
[td][size=500][font=nationstates][/font][/size]
chart-bar-1
e82e
[/td]
[td][size=500][font=nationstates][/font][/size]
plus
e82f
[/td]
[td][size=500][font=nationstates][/font][/size]
coffee
e830
[/td]
[td][size=500][font=nationstates][/font][/size]
globe-1
e831
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
news
e832
[/td]
[td][size=500][font=nationstates][/font][/size]
stackexchange
e833
[/td]
[td][size=500][font=nationstates][/font][/size]
ok-circled
e834
[/td]
[td][size=500][font=nationstates][/font][/size]
cancel-circled2
e835
[/td]
[td][size=500][font=nationstates][/font][/size]
plus-circled
e836
[/td]
[td][size=500][font=nationstates][/font][/size]
target-1
e837
[/td]
[td][size=500][font=nationstates][/font][/size]
lock-open
e838
[/td]
[td][size=500][font=nationstates][/font][/size]
chart-area
e839
[/td]
[td][size=500][font=nationstates][/font][/size]
chart-line
e83a
[/td]
[td][size=500][font=nationstates][/font][/size]
female
e83b
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
target
e83c
[/td]
[td][size=500][font=nationstates][/font][/size]
award-1
e83d
[/td]
[td][size=500][font=nationstates][/font][/size]
chart
e83e
[/td]
[td][size=500][font=nationstates][/font][/size]
brain
e83f
[/td]
[td][size=500][font=nationstates][/font][/size]
radioactive
e840
[/td]
[td][size=500][font=nationstates][/font][/size]
biohazard
e841
[/td]
[td][size=500][font=nationstates][/font][/size]
doc
e842
[/td]
[td][size=500][font=nationstates][/font][/size]
mushroom-cloud
e843
[/td]
[td][size=500][font=nationstates][/font][/size]
satellite
e844
[/td]
[td][size=500][font=nationstates][/font][/size]
missile-inc
e845
[/td][/tr]
[tr][td][size=500][font=nationstates][/font][/size]
bombs
e846
[/td]
[td][size=500][font=nationstates][/font][/size]
missile
e847
[/td]
[td][size=500][font=nationstates][/font][/size]
clock
e848
[/td]
[td][size=500][font=nationstates][/font][/size]
block
e849
[/td]
[td][size=500][font=nationstates][/font][/size]
spin5
e84a
[/td]
[td][size=500][font=nationstates][/font][/size]
cards
e84c
[/td]
[td][size=500][font=nationstates][/font][/size]
beaker
f0c3
[/td]
[td][size=500][font=nationstates][/font][/size]
docs
f0c5
[/td]
[td][size=500][font=nationstates][/font][/size]
doc-inv
f15b
[/td]
[td][size=500][font=nationstates][/font][/size]
balance-scale
f24e
[/td][/tr]
[/table]
[/align]
[/box]

Report