We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

firefox does not show font-awesome unicode codes in html select option but it does for paragraphs or in other html elements

  • 2 cavab
  • 1 has this problem
  • 6 views
  • Last reply by TyDraniu

more options

I have checked that firefox is able to fetch font files. If I add a unicode character in <p> tag then it shows but it does not work in <option></option> , but it does in chrome or other browsers.

I have checked that firefox is able to fetch font files. If I add a unicode character in &lt;p> tag then it shows but it does not work in &lt;option&gt;&lt;/option&gt; , but it does in chrome or other browsers.

Modified by cor-el

All Replies (2)

more options

u can try this in your local file please


  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css">
  <style type="text/css">
   select, select option {
     font-family: 'FontAwesome';
 }
  </style>
</head>
<body style="font-family: 'FontAwesome';">
<select name="allSort">
 <option value="price-up">Price Low to High &#xf175;</option>
 <option value="price-down">Price High to Low &#xf176;</option>
 <option value="name-down">Name A to Z &#xf175;</option>
 <option value="name-up">Name Z to A &#xf176;</option>
</select>

<p>&#xf175;</p>

Modified by cor-el

more options

Yes, there are a lot of issues with <select> element.

They're tracked in this meta: https://bugzilla.mozilla.org/show_bug.cgi?id=1154677

I'm not sure if yours is already mentioned, you could create a new bug and attach it to the list in 1154677.