Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

I need to place the Maltese cross on a web page. IE works, Safari works, but Firefox does not. It is wingding character.

  • 3 replies
  • 1 has this problem
  • 1 view
  • Last reply by donlav

donlav
donlav
more options

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>

The Maltese cross is in the winding font family. I have the following HTML on the pages: <pre><nowiki> <span class="cross" style="font-family: wingdings; vertical-align: top;">X</span></nowiki></pre> The inline element <span> 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

Modified by cor-el

All Replies (3)

donlav
donlav Question owner
more options

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

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Use the Unicode representation: ✠ &#x2720;

See also:

donlav
donlav Question owner
more options

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