I need to place the Maltese cross on a web page. IE works, Safari works, but Firefox does not. It is wingding character.
The Maltese cross is in the winding font family. I have the following HTML on the pages:
<span class="cross" style="font-family: wingdings; vertical-align: top;">X</span>
The inline element tag is in a <font> tag.
CSS: span.cross { color: #000; font-size: 16pt; font-weight: bold; }
This has been working for years in IE 5, 6, 7 & 8, works also in safari (latest rev), but does not work in FireFox rev 4.0.1. FoxFire displays a large X instead of the Maltese cross.
Other than this small problem FoxFire works great, especially with HTML5 & CSS3.
Any help would be appreciated.
DonL </font>
Modified
All Replies (3)
This concerns the Maltese cross problem. When I posted the problem, the data inside "<" and ">" characters is lost. The only thing that showed was the "X".
I posted the HTML used to display the cross w/o these chars.
span class="cross" style="font-family: wingdings; vertical-align: top" X /span
Thanks for any help.
DonL
Thanks for the information. I had the unicode "u2720" but did not know how to enter it.
With a little change in the HTML and CSS it now works in FoxFire and IE.
donlav