Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

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.