Unicode support varies dependant on the symbol of choice, browser andthe font family. If you find your chosen symbol does not work in somebrowsers then try using a different font-family. Microsoft recommends"Segoe UI Symbol" however it would be wise to include the font withyour website as not many people have it on their computers.
But unfortunately, they are all Unicode instead of ASCII.If you still want to use ASCII, then you can use an image file for it of just use ^ and v. (Just like the Google Maps in the mobile version this was referring to the ancient mobile Google Maps)
You can use a reference website like Symbl.cc to find which icons are supported in UNICODE and which codes they correspond with. For example, you find the values for the down-pointing triangle at .
A totally different strategy is the use of background-images instead of fonts. For optimal performance, it's best to embed the image in your CSS file by base-encoding it, as mentioned by eg. @weasel5i2 and @Obsidian. I would recommend the use of SVG rather than GIF, however, is that's better both for performance and for the sharpness of your symbols.
Personally, I would recommend the use of background-images only when you need multiple colors and those color can't be achieved by means of color, background-color and other color-related CSS rules for fonts.
The main benefit of using SVG images is that you can give different components of a symbol their own styling. If you embed your SVG XML code in the HTML document, this is very similar to styling the HTML. This would, however, result in a web page that uses both HTML tags and SVG tags, which could significantly reduce the readability of a webpage. It also adds extra bloat if the symbol is repeated across multiple pages and you need to consider that old versions of IE have no or limited support for SVG.
While these characters are not defined in the American Standard Code for Information Interchange as glyphs, their codes WERE commonly used to give a graphical presentation for ASCII codes 24 and 25 (hex 18 and 19, CANcel and EM:End of Medium). Code page 437 (called Extended ASCII by IBM, includes the numeric codes 128 to 255) defined the use of these glyphs as ASCII codes and the ubiquity of these conventions permeated the industry as seen by their deployment as standards by leading companies such as HP, particularly for printers, and IBM, particularly for microcomputers starting with the original PC.
Just as the use of the ASCII codes for CAN and EM was relatively obsolete at the time, justifying their use as glyphs, so has the passage of time made the use of the codes as glyphs obsolete by the current use of UNICODE conventions.
It should be emphasized that the extensions to ASCII made by IBM in Extended ASCII, included not only a larger numeric set for numeric codes 128 to 255, but also extended the use of some numeric control codes, in the ASCII range 0 to 32, from just media transmission control protocols to include glyphs. It is often assumed, incorrectly, that the first 0 to 128 were not "extended" and that IBM was using the glyphs of conventional ASCII for this range. This error is also perpetrated in one of the previous references. This error became so pervasive that it colloquially redefined ASCII subliminally.
Unfortunately, this glyph doesn't seem to exist as a distinct character entity anywhere. Wikipedia accomplishes it below by using inline javascript and img content="data:image/gif..." to achieve the symbol.
Unicode arrows seem pretty much out, because as of 2021 Android phones do not seem to come installed with full Unicode fonts that contain arrows (simply most top language fonts, ie Chinese, Arabic, etc); and a webpage asking to download a decent Unicode font, such as Arial Unicode MS, will put a 22Meg hit on your download time.
FontAwesome is quite useful for these kinds of dingbats. Version 4.7 font-awesome.min.css weighs in at 30KB. sort-up, sort-down, chevron-up, chevron-down provide your characters. -started/ Works great in regular HTML (text, etc). However it requires rewriting, and so inside literal span contexts is more tricky to use.
jquery already supports icons that people can use, by quietly downloading a 6.8K font image and then taking chunks out of it under the hood. Both carets (chevrons) and triangles (arrowheads). See for a catalog. After including jquery, include a glyph by using code . The up and down arrows you requested are ui-icon-caret-1-n and ui-icon-caret-1-s (for north and south); the carets are better than triangles for looking pointy at low resolutions. And they can be colorized.
Unfortunately, jquery currently appears hardwired to display icons at 16x16 pixel resolution--grain-of-sand on today's monitors. They can be enlarged using the transform function. But it starts to get sloppy.
An older (medieval) convention is the manicule (pointing hand, ?).Pedro Reinel in c. 1504 first used the fleur-de-lis as indicating north in a compass rose; the convention of marking the eastern direction with a cross is older (medieval).[2]Use of the arrow symbol does not appear to pre-date the 18th century. An early arrow symbol is found in an illustration of Bernard Forest de Blidor's treatise L'architecture hydraulique, printed in France in 1737. The arrow is here used to illustrate the direction of the flow of water and of the water wheel's rotation. At about the same time, arrow symbols were used to indicate the flow of rivers in maps.[3]
A trend toward abstraction, in which the arrow's fletching is removed, can be observed in the mid-to-late 19th century. The arrow can be seen in the work of Paul Klee. In a further abstraction of the symbol, John Richard Green's A Short History of the English People of 1874 contained maps by cartographer Emil Reich, which indicated army movements by curved lines, with solid triangular arrowheads placed intermittently along the lines.[4]
Use of arrow symbols in mathematical notation is still younger and developed in the first half of the 20th century.[5] David Hilbert in 1922 introduced the arrow symbol representing logical implication. The double-headed arrow representing logical equivalence was introduced by Albrecht Becker in Die Aristotelische Theorie der Mglichkeitsschlsse, Berlin, 1933.[4]
In mathematical logic, a right-facing arrow indicates material conditional, and a left-right (bidirectional) arrow indicates if and only if, an upwards arrow indicates the NAND operator (negation of conjunction), an downwards arrow indicates the NOR operator (negation of disjunction).
Additional arrows can be found in the Combining Diacritical Marks, Combining Diacritical Marks Extended, Combining Diacritical Marks for Symbols, Halfwidth and Fullwidth Forms, Miscellaneous Mathematical Symbols-B, Miscellaneous Symbols and Pictographs, Miscellaneous Technical, Modifier Tone Letters and Spacing Modifier Letters Unicode blocks.
Mostly there are horizontal arrows encoded in Unicode: ? to the left and to the right ? . However, there're some kinds of arrows in Unicode to index other directions: upwards ? and downwrads ? .
If you are intrested in the meaning of any arrow, you should mouse over a symbol to see its name. Also you can move to the page dedicated to that symbol. Arrows can indicate force directions in Physics, they can be used to point directions in public places or as Maths symbols. There're plenty of roles arrows can play, and some of the arrows meanings you can see following.
We have a web application that lists prices of a stocks and we have a requirement to indicate a movement. When there's an increase in price we add an up arrow, where there's a decrease in price we add a down arrow.
Addendum: It is important to show something! A gap could be interpreted as "We can't tell whether this has moved," "We know this is out of date," or an image which hasn't loaded yet. Since you are indicating movement in the figures, you do need to indicate that you have assessed movement in all the figures where you have actually done that.
While I agree that a symbol could be used to indicate each of the 3 states, I would also recommend using colour - perhaps red for price drop, green for price rise, black for no change. I wouldn't only use colour, primarily because of red-green colour blindness, but for a majority of people it would be a quicker visual cue to get an overview than using symbols.
Because you are using arrows to indicate up and down, keep the iconography consistent, and use an arrow for no change - pointing sideways, either to the figure, or a double headed arrow pointing both ways.
Mixing the images would be confusing, so keep it consistent. Colour it black or grey - something to indicate neutrality, and the up ones green an the down ones red (or vv if that makes more sense). This means that for most people, they can look at the screen and identify the predominant colour showing easily, and get a very quick overview. Keeping the "no change" neutral means it doesn't interfere with this.
I want to place an "up arrow" or a " down arrow" before a dollar amount signifying that the price has either increased or decreased. Any suggestions on how to format this in the Label Expression builder in arcgis for desktop? Thanks
I suppose it depends somewhat on your choice of font, but you can also copy/paste from the good, old Character Map. And, it's no coincidence that the code at the bottom is the same as in Dan's example.
Let me start by saying I have no python language experience so please forgive my naivety. I attempted to incorporate the code you provided to what I have already done. I failed in making it work to say the least. If you could provide the proper expression that would be great. I will then return to try understanding whats going on in the code
Ok... first, I gave an example for emulation, so.. you don't need the a = part, nor the print(a) part and you seem to have square brackets around the field names... did you switch to the python parser before or after you select the field names (aka nameproper and difference) since I don't do maps, I am only familiar with the field calculator syntax which is field names enclose in exclamation marks. so the only part you should actually type is the u'\u2191' bit and everything else you should select. Anyone that labels or does maps can leap in at anytime
c80f0f1006