Latest release icons bug on desktop #16804
Comments
|
Hi! Thanks for being part of the Font Awesome Community. Windows or Mac? |
|
Mac, sorry I forgot to mention that! |
|
Hi, Maybe there are some caching issues.
How did you do that? I would suggest:
I've experienced the same with Pages. We are planning a little change that should improve desktop caching issues |
|
I've tried the steps above and I'm still having the same issue. All of the icons are working except the new virus pack. I get a Chinese character instead, and the font in Illustrator changes from Font Awesome 5 Pro to a random Chinese font family |
|
@calpoly-richardrobinson sorry that didn't help Let's ask @sensibleworld if he has some suggestions, I do not use Illustrator I've find more complicated steps here, but I won't recommend that if you are not sure of the effects of the steps described: https://helpx.adobe.com/x-productkb/global/troubleshoot-fonts-mac-os-x.html |
|
I think I found the issue. It appears that Font Awesome is conflicting with a system font that's installed on OSX by default. For my case, it's AppleMyungjo. Right clicking on the icons in Chrome will show a menu with the icon/glyph. When you copy and paste them into Illustrator and use the Font Awesome 5 Pro font, they should appear. Here are 4 different screenshots from the Pro Cheeatsheat (https://fontawesome.com/cheatsheet/pro): fa-badge-sheriff fa-cannabis Virus glyphs These two appear in the menu as different Chinese characters. Pasting them into Illustrator results in their Chinese characters displaying, and the font in Illustrator switches to a Chinese font: https://www.dropbox.com/s/i93o2xsy1wk3jhm/illustrator-chinese-font.png?dl=0 https://www.dropbox.com/s/ipm6obz9w8zhztv/fa-rightclick-virus.png?dl=0 Using the inspector in Chrome, I disabled the font stacks used in the Font Awesome CSS and it falls back to the system font, AppleMyungjo: So it doesn't seem to be a caching issue, but instead a conflict with a system font (that can't be uninstalled easily). Thoughts? |
|
Hi, Sorry but I cannot help.
This should not happen. All icons should have seen as a question mark inside a square or the chinese character. I cannot replicate this, I correctly see a question mark. No icons there should be visible: font awesome is a webfont using the Private Unicode Area, and the operating system's context menu should not be able to show any of the font awesome icons. About Illustrator, I can't help. Please also send an email to hello@fontawesome.com, with an URL to this discussion |
|
Hi. I'm not sure if I need to open separate ticket or not, but I have same issue. On windows 10, microsoft office word, some of the brands are shown as Chinese characters. For example: https://i.imgur.com/hgIKZhD.png So, I just copied icons from here: Pasted in to word, and then selected all and chose font awesome brands icon font family, but some of them are not shown correctly. |
|
@amiremami I looked at your screenshots and compared the google-pay and instagram-square icons. I'm on OSX using FA 5.13. Those two are also showing Chinese characters for me, and they're very similar to yours. |
|
Well, thank you both. I had time to take a deeper look at this @amiremami I can confirm this issue @robmadole we have a problem. Some unicode points in the PUA used by Font Awesome are being used also by some CJK chars. Actually, F9xx and FAxx codes are taken by other chars. Eg: instagram-square => https://www.compart.com/en/unicode/U+F955 This is causing issues for some applications under some circumstances. I can reproduce this in Word on Windows, (but not on Photoshop). I've tried almost everything to clean up the cache, I think this is not a cache problem At the moment I can confirm this is an issue for the following brand icons:
I will download the Unicode DB and create a script to check other unicode points. |
Could you make it a point to examine the Coronavirus icons as well? Originally, the issue stemmed from those |
|
@calpoly-richardrobinson confirm f964 is used: https://www.compart.com/en/unicode/U+f964 I will create a script to find them all 👍 |
|
Thanks. In my screenshot, some of them are Chinese and some of them are rectangular, do you know the reason of rectangular ones? |
|
@amiremami please try to paste without formatting |
|
Great, thanks, you were right. The Chinese characters were ok in notepad though, maybe helps you to debug the issue: |
|
I've provided detailed information about this issue in a private repo. This is affecting 135 icons whose unicode starts with |
|
Ok, just to update this thread we can confirm the issue and will get busy on the fix. |
|
As we work on a fix, I can suggest an immediate workaround. Instead of copying the unicode glyph from the website, copy the icon name. This will use our ligatures, as opposed to unicode points.
|
|
I cannot make ligatures work at all on MS Word 2019 / Windows No problem with photoshop on windows |
|
@tagliala Can you confirm if, in the font dialog box in MS Word, you have "contextual alternatives" set to on and have ligatures set to "all"? |
|
@sensibleworld thanks, I was able to make it work.
It is worth to improve the desktop troubleshooting guide here: https://fontawesome.com/how-to-use/on-the-desktop/other-topics/troubleshooting#ligatures-not-working, because that option to enable contextual alternatives was grayed out at first, because an option called "Disable OpenType Font Formatting feature" was enabled by default for new documents in File -> Options -> Advanced -> Layout options for New documents |
|
I'm not sure if this is helpful at all but I was using some of the Virus icons in Font Awesome Pro 5.13.1, for example |
|
@stoem I'm pretty confident it is not related, in the meaning that this issue should not affect functionality of the web font version of Font Awesome. Are you self hosting fonts? Please check cache: maybe the deployed version on Heroku is still holding the old webfonts files. Feel free to share your heroku link, but until further confirmation let's start a new bug report |
|
This is a list of all the icons affected by this issue
|
|
This issue seems to be about an issue in 5.13.0? The firefox browser icon broke for me after upgrading to 5.14.0 (just being displayed as a f907 box replacement thing). I've downgrade to 5.13.1 for now, which brought it back. |
|
Hi @jplatte
Cannot replicate: Could you please provide more details? |
|
I'm not talking about web, sorry for not being clear (although this issue is specifically about desktop). I've tried both the OTF and TTF variant, both behave as if they just didn't contain that icon at all. |
|
We had to change the unicode point: https://github.com/FortAwesome/Font-Awesome/blob/master/UPGRADING.md#512x513x-to-5140 firefox-browser: |
|
Oh, okay. https://fontawesome.com/icons/firefox-browser?style=brands still shows the old one. Thanks! |
|
@jplatte you caught us in the middle of an upgrade. We'll get the site updated shortly. |
|
I can confirm this has been fixed on Microsoft Word for Windows. Apologies for the breaking change. Closing here, but feel free to comment if this is still an issue |
|
I'm still having an issue with using the "bacteria" icon. index.js:1 Could not find icon {prefix: "fas", iconName: "bacteria"} I have a reused component in a create drawer, where I pass the icon="" as a prop, and I am using multiple icons, all working except "bacteria" and "bacterium". I saw these 2 on your list and figured i'd let you know. I'm currently running version 5.14 |
|
@TaylorAkin please fill out our bug report template Please notice that this issue is for Font Awesome Desktop and it is not related to javascript |
|
Hi guys! I've the same issue:
Maybe is an Adobe CC Suite bug, the tranparency on PNG was into black too. << I think is a copy paste bug / data error on memory >> Other times I have the bug and restarting Illustrator was enough. I will try on Windows 10 and maybe report Adobe Illustrator. |
Latest release icons (5.13.0) of the Coronavirus set are not showing up when copied into Adobe Illustrator or InDesign. I'm on the Pro version of font awesome and have downloaded the newest version 5.13.0 for desktop. Seems like the same issue as #16366, people-arrows doesn't work for me either. I've uninstalled and reinstalled the fonts but it still produces the same issue.
To Reproduce
Copy the icon from the website, paste it into an Illustrator/InDesign textbox. Change the font to Font Awesome and it shows up as a rectangle or with UTF-8 characters.
Expected behavior
Should show the icon in the Illustrator/InDesign textbox when pasted.
Version and implementation
Version: Font Awesome 5.13.0
Adobe InDesign 2020, version 24.2 macOS
Adobe Ilustrator 2020, version 15.1 macOS
Bug report checklist
The text was updated successfully, but these errors were encountered: