-
Notifications
You must be signed in to change notification settings - Fork 0
/
example11.cfm
157 lines (147 loc) · 9.86 KB
/
example11.cfm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!--- Import custom tag libraries. --->
<cfimport prefix="core" taglib="./core/" />
<cfimport prefix="html" taglib="./core/html/" />
<!--- // ------------------------------------------------------------------------- // --->
<!--- // ------------------------------------------------------------------------- // --->
<core:Email
subject="HTML Entites"
teaser="When you have unicode you don't need images!">
<core:Body>
<html:h1>
Playing with HTML entity symbols
</html:h1>
<html:p>
I am not sure if this is even <html:strong>worthwhile</html:strong>; but,
I wanted to create a <html:code>symbol</html:code> tag so that HTML
entities would have a consistent <html:strong>font-family</html:strong>
and <html:strong>font-weight</html:strong> across the various clients.
These are all using:
</html:p>
<html:pre><html:code
>font-family: arial, sans-serif ;
font-weight: 400 ;</html:code></html:pre>
<html:p>
<core:HtmlEntityTheme entity="p">
font-size: 40px ;
letter-spacing: 5px ;
line-height: 55px ;
</core:HtmlEntityTheme>
<!---
I grabbed these "Arrow" symbols from the W3Schools website:
https://www.w3schools.com/charsets/ref_utf_arrows.asp
--->
<html:symbol>←</html:symbol> <!--- Leftwards arrow. --->
<html:symbol>↑</html:symbol> <!--- Upwards arrow. --->
<html:symbol>→</html:symbol> <!--- Rightwards arrow. --->
<html:symbol>↓</html:symbol> <!--- Downwards arrow. --->
<html:symbol>↔</html:symbol> <!--- Left right arrow. --->
<html:symbol>↕</html:symbol> <!--- Up down arrow. --->
<html:symbol>↖</html:symbol> <!--- North west arrow. --->
<html:symbol>↗</html:symbol> <!--- North east arrow. --->
<html:symbol>↘</html:symbol> <!--- South east arrow. --->
<html:symbol>↙</html:symbol> <!--- South west arrow. --->
<html:symbol>↚</html:symbol> <!--- Leftwards arrow with stroke. --->
<html:symbol>↛</html:symbol> <!--- Rightwards arrow with stroke. --->
<html:symbol>↜</html:symbol> <!--- Leftwards wave arrow. --->
<html:symbol>↝</html:symbol> <!--- Rightwards wave arrow. --->
<html:symbol>↞</html:symbol> <!--- Leftwards two headed arrow. --->
<html:symbol>↟</html:symbol> <!--- Upwards two headed arrow. --->
<html:symbol>↠</html:symbol> <!--- Rightwards two headed arrow. --->
<html:symbol>↡</html:symbol> <!--- Downwards two headed arrow. --->
<html:symbol>↢</html:symbol> <!--- Leftwards arrow with tail. --->
<html:symbol>↣</html:symbol> <!--- Rightwards arrow with tail. --->
<html:symbol>↤</html:symbol> <!--- Leftwards arrow from bar. --->
<html:symbol>↥</html:symbol> <!--- Upwards arrow from bar. --->
<html:symbol>↦</html:symbol> <!--- Rightwards arrow from bar. --->
<html:symbol>↧</html:symbol> <!--- Downwards arrow from bar. --->
<html:symbol>↨</html:symbol> <!--- Up down arrow with base. --->
<html:symbol>↩</html:symbol> <!--- Leftwards arrow with hook. --->
<html:symbol>↪</html:symbol> <!--- Rightwards arrow with hook. --->
<html:symbol>↫</html:symbol> <!--- Leftwards arrow with loop. --->
<html:symbol>↬</html:symbol> <!--- Rightwards arrow with loop. --->
<html:symbol>↭</html:symbol> <!--- Left right wave arrow. --->
<html:symbol>↮</html:symbol> <!--- Left right arrow with stroke. --->
<html:symbol>↯</html:symbol> <!--- Downwards zigzag arrow. --->
<html:symbol>↰</html:symbol> <!--- Upwards arrow with tip leftwards. --->
<html:symbol>↱</html:symbol> <!--- Upwards arrow with tip rightwards. --->
<html:symbol>↲</html:symbol> <!--- Downwards arrow with tip leftwards. --->
<html:symbol>↳</html:symbol> <!--- Downwards arrow with tip rightwards. --->
<html:symbol>↴</html:symbol> <!--- Rightwards arrow with corner downwards. --->
<html:symbol>↵</html:symbol> <!--- Downwards arrow with corner leftwards. --->
<html:symbol>↶</html:symbol> <!--- Anticlockwise top semicircle arrow. --->
<html:symbol>↷</html:symbol> <!--- Clockwise top semicircle arrow. --->
<html:symbol>↸</html:symbol> <!--- North west arrow to long bar. --->
<html:symbol>↹</html:symbol> <!--- Leftwards arrow to bar over rightwards arrow to bar. --->
<html:symbol>↺</html:symbol> <!--- Anticlockwise open circle arrow. --->
<html:symbol>↻</html:symbol> <!--- Clockwise open circle arrow. --->
<html:symbol>↼</html:symbol> <!--- Leftwards harpoon with barb upwards. --->
<html:symbol>↽</html:symbol> <!--- Leftwards harpoon with barb downwards. --->
<html:symbol>↾</html:symbol> <!--- Upwards harpoon with barb rightwards. --->
<html:symbol>↿</html:symbol> <!--- Upwards harpoon with barb leftwards. --->
<html:symbol>⇀</html:symbol> <!--- Rightwards harpoon with barb upwards. --->
<html:symbol>⇁</html:symbol> <!--- Rightwards harpoon with barb downwards. --->
<html:symbol>⇂</html:symbol> <!--- Downwards harpoon with barb rightwards. --->
<html:symbol>⇃</html:symbol> <!--- Downwards harpoon with barb leftwards. --->
<html:symbol>⇄</html:symbol> <!--- Rightwards arrow over leftwards arrow. --->
<html:symbol>⇅</html:symbol> <!--- Upwards arrow leftwards of downwards arrow. --->
<html:symbol>⇆</html:symbol> <!--- Leftwards arrow over rightwards arrow. --->
<html:symbol>⇇</html:symbol> <!--- Leftwards paired arrows. --->
<html:symbol>⇈</html:symbol> <!--- Upwards paired arrows. --->
<html:symbol>⇉</html:symbol> <!--- Rightwards paired arrows. --->
<html:symbol>⇊</html:symbol> <!--- Downwards paired arrows. --->
<html:symbol>⇋</html:symbol> <!--- Leftwards harpoon over rightwards harpoon. --->
<html:symbol>⇌</html:symbol> <!--- Rightwards harpoon over leftwards harpoon. --->
<html:symbol>⇍</html:symbol> <!--- Leftwards double arrow with stroke. --->
<html:symbol>⇎</html:symbol> <!--- Left right double arrow with stroke. --->
<html:symbol>⇏</html:symbol> <!--- Rightwards double arrow with stroke. --->
<html:symbol>⇐</html:symbol> <!--- Leftwards double arrow. --->
<html:symbol>⇑</html:symbol> <!--- Upwards double arrow. --->
<html:symbol>⇒</html:symbol> <!--- Rightwards double arrow. --->
<html:symbol>⇓</html:symbol> <!--- Downwards double arrow. --->
<html:symbol>⇔</html:symbol> <!--- Left right double arrow. --->
<html:symbol>⇕</html:symbol> <!--- Up down double arrow. --->
<html:symbol>⇖</html:symbol> <!--- North west double arrow. --->
<html:symbol>⇗</html:symbol> <!--- North east double arrow. --->
<html:symbol>⇘</html:symbol> <!--- South east double arrow. --->
<html:symbol>⇙</html:symbol> <!--- South west double arrow. --->
<html:symbol>⇚</html:symbol> <!--- Leftwards triple arrow. --->
<html:symbol>⇛</html:symbol> <!--- Rightwards triple arrow. --->
<html:symbol>⇜</html:symbol> <!--- Leftwards squiggle arrow. --->
<html:symbol>⇝</html:symbol> <!--- Rightwards squiggle arrow. --->
<html:symbol>⇞</html:symbol> <!--- Upwards arrow with double stroke. --->
<html:symbol>⇟</html:symbol> <!--- Downwards arrow with double stroke. --->
<html:symbol>⇠</html:symbol> <!--- Leftwards dashed arrow. --->
<html:symbol>⇡</html:symbol> <!--- Upwards dashed arrow. --->
<html:symbol>⇢</html:symbol> <!--- Rightwards dashed arrow. --->
<html:symbol>⇣</html:symbol> <!--- Downwards dashed arrow. --->
<html:symbol>⇤</html:symbol> <!--- Leftwards arrow to bar. --->
<html:symbol>⇥</html:symbol> <!--- Rightwards arrow to bar. --->
<html:symbol>⇦</html:symbol> <!--- Leftwards white arrow. --->
<html:symbol>⇧</html:symbol> <!--- Upwards white arrow. --->
<html:symbol>⇨</html:symbol> <!--- Rightwards white arrow. --->
<html:symbol>⇩</html:symbol> <!--- Downwards white arrow. --->
<html:symbol>⇪</html:symbol> <!--- Upwards white arrow from bar. --->
<html:symbol>⇫</html:symbol> <!--- Upwards white arrow on pedestal. --->
<html:symbol>⇬</html:symbol> <!--- Upwards white arrow on pedestal with horizontal bar. --->
<html:symbol>⇭</html:symbol> <!--- Upwards white arrow on pedestal with vertical bar. --->
<html:symbol>⇮</html:symbol> <!--- Upwards white double arrow. --->
<html:symbol>⇯</html:symbol> <!--- Upwards white double arrow on pedestal. --->
<html:symbol>⇰</html:symbol> <!--- Rightwards white arrow from wall. --->
<html:symbol>⇱</html:symbol> <!--- North west arrow to corner. --->
<html:symbol>⇲</html:symbol> <!--- South east arrow to corner. --->
<html:symbol>⇳</html:symbol> <!--- Up down white arrow. --->
<html:symbol>⇴</html:symbol> <!--- Right arrow with small circle. --->
<html:symbol>⇵</html:symbol> <!--- Downwards arrow leftwards of upwards arrow. --->
<html:symbol>⇶</html:symbol> <!--- Three rightwards arrows. --->
<html:symbol>⇷</html:symbol> <!--- Leftwards arrow with vertical stroke. --->
<html:symbol>⇸</html:symbol> <!--- Rightwards arrow with vertical stroke. --->
<html:symbol>⇹</html:symbol> <!--- Left right arrow with vertical stroke. --->
<html:symbol>⇺</html:symbol> <!--- Leftwards arrow with double vertical stroke. --->
<html:symbol>⇻</html:symbol> <!--- Rightwards arrow with double vertical stroke. --->
<html:symbol>⇼</html:symbol> <!--- Left right arrow with double vertical stroke. --->
<html:symbol>⇽</html:symbol> <!--- Leftwards open-headed arrow. --->
<html:symbol>⇾</html:symbol> <!--- Rightwards open-headed arrow. --->
<html:symbol>⇿</html:symbol> <!--- Left right open-headed arrow. --->
</html:p>
</core:Body>
</core:Email>