# AwesomeDings

This package was created as an April Fools’ Day joke.

I took the entire FontAwesome package that my workplace was using, replaced it with my homemade AwesomeDings package, and proceeded to change all our icons. Elements on this page may not render correctly if you don’t have the Webdings or Wingdings fonts installed.

## Why?

1. Font Awesome relies on serving external font files.

This a major security concern that web browsers take very seriously. In fact, IE has been known to consistently trouble developers whenever external fonts are mentioned, just to make sure they really know what they are doing. Additionally, the external files lengthens loading time and just offers another point of failure in your project. Don’t make life harder on yourself.

2. Wingdings is natively supported on Windows and in IE.

No one has Font Awesome installed natively on their computer. However, Windows is the most widely used operating system, and thus practically everyone has Wingdings/Webdings already installed! (Imagine developing something that magically works on IE). In fact, developers can browse the Wingdings/Webdings icons with the handy dandy Character Map application offline, without needing to constantly Google where the Font Awesome cheatsheet is.

3. Wingdings has been around for over 25 years.

This is proof of its stability and popularity, and the icons are all ones users and developers are very familiar with. Wingdings has been around since 1990, and Webdings since 1997. Font Awesome on the other hand, was only conceived in 2012 and its still constantly changing. It’s terrible to rely on packages which are shaky and become outdated in weeks (I mean Font Awesome has over 4000 issues open).

4. Wingdings lives in the ASCII block of Unicode.

Font Awesome likes to give their icons “elite” Unicode points that no one else uses. This requires developers to use hard-to-read values like \f152 or their human-readable but tiring-to-type and just-as-cryptic counterparts like $fa-var-caret-square-o-right. With Wingdings you can achieve the same effect by typing a single symbol }. (With minimal practice, you’ll learn that } is a little filled triangle pointing rightward in the Wingdings 3 font family). Wingdings will also fallback to these informative symbols, instead of the ☐☐☐☐☐☐☐☐☐☐ with Font Awesome. By not having to include these extra variable names, the AwesomeDings package ends up being almost 90% smaller than Font Awesome (and that’s not considering the font files!). ## Playground This does not go over Fixed Width Icons, List Icons, Bordered & Pulled Icons, and Stacked Icons which are all supported. Remember to add 0xF000 for 0xAD / 173 (see issue). Character Code Fonts Sizing Animations Transformations Code <i class="wd-webdings wd-5x">&#x6d;</i> Output m ## Cheatsheet CodeHexCharacterWebdingsWingdings 1Wingdings 2Wingdings 3 320x20  330x21! 340x22" 350x23# 360x24$
370x25%
380x26&
390x27'
400x28(
410x29)
420x2A*
430x2B+
440x2C,
450x2D-
460x2E.
470x2F/
480x300
490x311
500x322
510x333
520x344
530x355
540x366
550x377
560x388
570x399
580x3A:
590x3B;
600x3C<
610x3D=
620x3E>
630x3F?
640x40@
650x41A
660x42B
670x43C
680x44D
690x45E
700x46F
710x47G
720x48H
730x49I
740x4AJ
750x4BK
760x4CL
770x4DM
780x4EN
790x4FO
800x50P
810x51Q
820x52R
830x53S
840x54T
850x55U
860x56V
870x57W
880x58X
890x59Y
900x5AZ
910x5B[
920x5C\
930x5D]
940x5E^
950x5F_
960x60
970x61a
980x62b
990x63c
1000x64d
1010x65e
1020x66f
1030x67g
1040x68h
1050x69i
1060x6Aj
1070x6Bk
1080x6Cl
1090x6Dm
1100x6En
1110x6Fo
1120x70p
1130x71q
1140x72r
1150x73s
1160x74t
1170x75u
1180x76v
1190x77w
1200x78x
1210x79y
1220x7Az
1230x7B{
1240x7C|
1250x7D}
1260x7E~
1280x80
1290x81
1300x82
1310x83
1320x84
1330x85
1340x86
1350x87
1360x88
1370x89
1380x8A
1390x8B
1400x8C
1410x8D
1420x8E
1430x8F
1440x90
1450x91
1460x92
1470x93
1480x94
1490x95
1500x96
1510x97
1520x98
1530x99
1540x9A
1550x9B
1560x9C
1570x9D
1580x9E
1590x9F
1600xA0 
1610xA1¡
1620xA2¢
1630xA3£
1640xA4¤
1650xA5¥
1660xA6¦
1670xA7§
1680xA8¨
1690xA9©
1700xAAª
1710xAB«
1720xAC¬
1730xAD­
1740xAE®
1750xAF¯
1760xB0°
1770xB1±
1780xB2²
1790xB3³
1800xB4´
1810xB5µ
1820xB6¶
1830xB7·
1840xB8¸
1850xB9¹
1860xBAº
1870xBB»
1880xBC¼
1890xBD½
1900xBE¾
1910xBF¿
1920xC0À
1930xC1Á
1940xC2Â
1950xC3Ã
1960xC4Ä
1970xC5Å
1980xC6Æ
1990xC7Ç
2000xC8È
2010xC9É
2020xCAÊ
2030xCBË
2040xCCÌ
2050xCDÍ
2060xCEÎ
2070xCFÏ
2080xD0Ð
2090xD1Ñ
2100xD2Ò
2110xD3Ó
2120xD4Ô
2130xD5Õ
2140xD6Ö
2150xD7×
2160xD8Ø
2170xD9Ù
2180xDAÚ
2190xDBÛ
2200xDCÜ
2210xDDÝ
2220xDEÞ
2230xDFß
2240xE0à
2250xE1á
2260xE2â
2270xE3ã
2280xE4ä
2290xE5å
2300xE6æ
2310xE7ç
2320xE8è
2330xE9é
2340xEAê
2350xEBë
2360xECì
2370xEDí
2380xEEî
2390xEFï
2400xF0ð
2410xF1ñ
2420xF2ò
2430xF3ó
2440xF4ô
2450xF5õ
2460xF6ö
2470xF7÷
2480xF8ø
2490xF9ù
2500xFAú
2510xFBû
2520xFCü
2530xFDý
2540xFEþ
2550xFFÿ`