Font Awesome & Unicode

by

I got a similar problem using unicode and fontawesome.
When I wrote:

font-family: 'Font Awesome\ 5 Free';
content: "\f061"; /* FontAwesome Unicode */

On Google Chrome, a square appears instead of the icon.
The new version of Font Awesome also requires

font-weight: 900;

That works for me.

From: https://github.com/FortAwesome/Font-Awesome/issues/11946

More Related Contents:

  1. Font Awesome 5 on pseudo elements shows square instead of icon
  2. Li item on two lines. Second line has no margin
  3. How to center text vertically with a large font-awesome icon?
  4. What characters can be used for up/down triangle (arrow without stem) for display in HTML?
  5. Color for Unicode Emoji
  6. Use Font Awesome icon as CSS content
  7. Font Awesome icon inside text input element
  8. I can’t get my font-awesome icons to show up. Tried importing css with multiple methods
  9. How do I add a Font Awesome icon to input field?
  10. Font Awesome icons are not working, I have included all required files [closed]
  11. Font awesome is not showing icon
  12. How to change the inner white color of Font Awesome’s exclamation triangle icon?
  13. Can I change the color of Font Awesome’s cog icon?
  14. How to vertically align text with icon font?
  15. Using attr(data-icon) property to display unicode before element
  16. Fill the remaining height or width in a flex container
  17. float:left; vs display:inline; vs display:inline-block; vs display:table-cell;
  18. Why are my CSS3 media queries not working on mobile devices?
  19. How does the “position: sticky;” property work?
  20. A Space between Inline-Block List Items [duplicate]
  21. CSS vertical alignment of inline/inline-block elements
  22. Colspan/Rowspan for elements whose display is set to table-cell
  23. How do I install a custom font on an HTML site
  24. What’s a 3D doing in this HTML?
  25. Setting table column width
  26. Inline style to act as :hover in CSS
  27. How to make a sticky footer using flexbox in IE11?
  28. Removing space at the top left and right of div
  29. Prevent scroll-bar from adding-up to the Width of page on Chrome
  30. infinite loop slider using keyframes css3

Leave a Comment