Title: Using Genericon as Print Button
Last modified: September 1, 2016

---

# Using Genericon as Print Button

 *  Resolved [ObanTM](https://wordpress.org/support/users/obantm/)
 * (@obantm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/)
 * How can I use an icon from Genericon icon set as a custom Print button?
 * Until today’s update this code `<span class="printicon genericon-print" title
   ="Версия для печати"></span>` worked well. (see fig. 1)
 * [http://m26i.imgup.net/2016-08-180081.png](http://m26i.imgup.net/2016-08-180081.png)
 * But not anymore. Instead of button all what shown is HTML code:
 * see fig. 2
 * [http://c32i.imgup.net/2016-08-184807.png](http://c32i.imgup.net/2016-08-184807.png)
 * [https://wordpress.org/plugins/printfriendly/](https://wordpress.org/plugins/printfriendly/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-7680111)
 * There’s no <img> tag in between your span. Is that the problem?
 * Send me the url of a page I can observe the issue, that will help troubleshoot.
 *  Thread Starter [ObanTM](https://wordpress.org/support/users/obantm/)
 * (@obantm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-7680120)
 * There’s no need in IMG tag for Genericon/Fontawesome/Icomotion kind of icon font
   sets.
 * They’re using CSS classes and pesudoelement ::after to display the content.
 * Unforunatelly I can not send you the URL. It’s a live site, and if I keep the
   code it will ruin my layout.
 * But here’s a couple of shots:
 * How it looks from the front:
    [http://m08i.imgup.net/2016-08-24177f.png](http://m08i.imgup.net/2016-08-24177f.png)
 * It’s source code:
    [http://p67i.imgup.net/2016-08-24ee67.png](http://p67i.imgup.net/2016-08-24ee67.png)
 * As you can see `<` `>` `'` replaced with HTML entities. Is there any workabouts
   for it?
 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-7680142)
 * Does it work if you use a regular image or text? If so, then troubleshoot your
   font set.
 *  Thread Starter [ObanTM](https://wordpress.org/support/users/obantm/)
 * (@obantm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-7680148)
 * There’s nothing wrong with the font set. It works well when I inject icon classes
   into your `<SPAN class="printfriendly-text2">` tag.
 * Shown here: [http://m38i.imgup.net/2016-08-272896.png](http://m38i.imgup.net/2016-08-272896.png)(
   [http://prioncrb.ru/job/vacancy.html](http://prioncrb.ru/job/vacancy.html)) Done
   with the jQuery function AddClass().
 * My layout goes berserk when I put my own SPAN (or whatever else) tag in your ‘
   Text’ input field because of a filter applied to it’s value. That filter replaces
   angle brackets with HTML entities so HTML code becomes a text.
 *  [markbarger](https://wordpress.org/support/users/markbarger/)
 * (@markbarger)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-8260189)
 * Was this resolved? I am having the same issue using FontAwesome. It was working
   fine before I updated the plugin but now any HTML I put into the ‘Text’ input
   field just shows as text, not HTML.
 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-8363423)
 * Work around, get the HTML button code and add the HTML code direct to your template.
 * We’ve got icon support on our roadmap, but might take some time to release.
 *  [markbarger](https://wordpress.org/support/users/markbarger/)
 * (@markbarger)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-8363650)
 * Thanks for the reply… The funny thing is that it worked fine until the most recent
   update. So whatever you added in that update strips out the html in the text 
   box.
 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-8602421)
 * This is working now. You can now add HTML to the text field.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Using Genericon as Print Button’ is closed to new replies.

 * ![](https://ps.w.org/printfriendly/assets/icon-256x256.png?rev=2951152)
 * [Print, PDF, Email by PrintFriendly](https://wordpress.org/plugins/printfriendly/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/printfriendly/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/printfriendly/)
 * [Active Topics](https://wordpress.org/support/plugin/printfriendly/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/printfriendly/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/printfriendly/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/using-genericon-as-print-button/#post-8602421)
 * Status: resolved