This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Echekwara usoro a. Biko jụọ ajụjụ ọhụrụ ma ọ bụrụ na ị chọrọ enyemaka.

Canvas does not recognize the font Arial Narrow

dleventhal
dleventhal
more options

After setting the font property on the canvas context to "Arial Narrow", the context does not render text in the desired font. Other browsers (IE9, IE10, IE11, Chrome, Safari) all render Arial Narrow correctly. The css tricks people have mentioned on this site do not work with canvas. Here is a jsfiddle demonstrating the problem: http://jsfiddle.net/txymf/

After setting the font property on the canvas context to "Arial Narrow", the context does not render text in the desired font. Other browsers (IE9, IE10, IE11, Chrome, Safari) all render Arial Narrow correctly. The css tricks people have mentioned on this site do not work with canvas. Here is a jsfiddle demonstrating the problem: http://jsfiddle.net/txymf/

All Replies (2)

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

Additional font properties like font-stretch:condensed may be required on Windows.

See also:

dleventhal
dleventhal Jụọ onye nwe ya ajụjụ
more options

Your reply refers to css properties. My question is about HTML5 Canvas. Does anyone know if this bug will be addressed soon?