TechWhirl (TECHWR-L) is a resource for technical writing and technical communications professionals of all experience levels and in all industries to share their experiences and acquire information.
For two decades, technical communicators have turned to TechWhirl to ask and answer questions about the always-changing world of technical communications, such as tools, skills, career paths, methodologies, and emerging industries. The TechWhirl Archives and magazine, created for, by and about technical writers, offer a wealth of knowledge to everyone with an interest in any aspect of technical communications.
Does anyone know how to integrate Font Awesome with Flare?
Subject:Does anyone know how to integrate Font Awesome with Flare? From:"Wright, Lynne" <Lynne -dot- Wright -at- Kronos -dot- com> To:"techwr-l -at- lists -dot- techwr-l. com (techwr-l -at- lists -dot- techwr-l -dot- com)" <techwr-l -at- lists -dot- techwr-l -dot- com> Date:Thu, 23 Jun 2016 13:45:57 +0000
I followed what (vague) instructions I could find on the Font Awesome site, on forums and techwrl archives, etc, but, as a newcomer to both Flare and HTML5, I'm stumped.
Here's what I did:
- Copied the entire downloaded font-awesome folder into my Flare project into a Font folder that I created under Resources in the Content Explorer.
- In the topic master page .flmsp file, I added this to the <head> section:
I should then have been able to add a font awesome icon to a line of text using:
<p>adding a font awesome icon: <i class="fa fa-camera-retro"></i> fa-camera-retro"</p>
Didn`t work.
I then tried linking to the font awesome .min.css file (in the Projects tab, selected New > Add Stylesheet; In the Add File dialog, I selected New from existing and navigated to the font awesome.min.css file. Opened the MainStyles.css and selected Options > Stylesheet Links. Moved the font-awesome.min.css into the right pane and clicked ok.
Still didn't work.
Can anyone tell me what I'm doing wrong?
thx
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Visit TechWhirl for the latest on content technology, content strategy and content development | http://techwhirl.com