# 如何在自定义文本中添加FontAwesome图标

**URL:** <https://meta.discourse.org/t/how-to-add-fontawesome-icon-in-custom-text/42460>\
**Category:** Product Support\
**Created:** [2016 年4 月 12 日 16:48 UTC](https://meta.discourse.org/t/how-to-add-fontawesome-icon-in-custom-text/42460 "2016-04-12T16:48:26Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

作者： ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)\
发布日期： [2016 年4 月 12 日 16:48 UTC](https://meta.discourse.org/t/how-to-add-fontawesome-icon-in-custom-text/42460/1 "2016-04-12T16:48:26Z")

</div>

Okay, so I’m trying to add the following verbiage to `education.new-reply`, but it doesn’t work.

```plaintext
Welcome to %{site_name} &mdash; **thanks for contributing!**

- Does your reply improve the conversation in some way? **If you want to show approval for a post, please click the <i class="fa fa-heart"></i> button.**

- Be kind to your fellow community members.

- Constructive criticism is welcome, but criticize *ideas*, not people.

For more, [see our community guidelines](/guidelines). This panel will only appear for your first %{education_posts_text}.

```

The additional verbiage is the

```plaintext
**If you want to show approval for a post, please click the <i class="fa fa-heart"></i> button.**

```

When attempted, it shows up as (stripping out the FontAwesome details)

 ![](https://global.discourse-cdn.com/meta/original/3X/0/3/03244493dbcb98cadbc30d7c15c6a87742c4045a.png)

What would be the appropriate way to do this, as the FontAwesome code works for `js.composer.error.try_like` which contains

```plaintext
Have you tried the <i class="fa fa-heart"></i> button?

```

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-fontawesome-icon-in-custom-text/42460)._