Hello :slight_smile: I’m trying to add the following two symbols::heart: and :white_check_mark: by using HTML. As I understand they are fonts from Font Awesome so I tried to insert: But it does not insert the font: [image] It adds something of size 0x0. What is the proper way to add the font?

If you are adding these icons to a plugin, there are tools in core to use them in both Ruby and Ember. See Introducing Font Awesome 5 and SVG icons for a start.

Have you tried adding some custom CSS to force a size?

That is the old format. We have switched to SVG icons for FontAwesome (since November 2018), we now use svg syntax instead of the font-icon i elements.

[image] codinghorror: Why not use the Unicode emoji instead? I have managed to make it work with the Unicode emojis but I guess it is not the solution because of the following two reasons: Consistent to the other emojis. For example, if I’ll decide to change the emoji type from Windows 10 to apple than I’ll have to change also in the plugin. Not sure if old browsers support those type of fonts/Unicode. But I guess it is better than using the SVG if speaking of efficiency. [image] pmusaraj: That is the old format. We have switched to SVG icons for FontAwesome (since November 2018), we now use svg syntax instead of the font-icon i elements. Do you mind to show a small example of how to use one maybe?

Manually inserting font with HTML

Product Support

codinghorror (Jeff Atwood) September 28, 2019, 7:10pm 3

Why not use the Unicode emoji instead?

Topic		Replies	Views
Using Font Awesome 5 icon in JS Development	1	708	February 9, 2019
Font Awesome in text Product Support	1	201	January 20, 2025
Use Font-Awesome 4 icons in theme but keep FA5? Development	16	2819	June 18, 2019
How to include fontawesome icons in posts? Product Support	17	9085	August 20, 2018
Giving tags FA5 icons Product Support	9	1477	February 19, 2019

Manually inserting font with HTML

Related topics