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.
RE: Does anyone know how to integrate Font Awesome with Flare?
Subject:RE: Does anyone know how to integrate Font Awesome with Flare? From:"Jack DeLand" <jackdeland -at- comcast -dot- net> To:"'Wright, Lynne'" <Lynne -dot- Wright -at- Kronos -dot- com>, "'techwr-l -at- lists -dot- techwr-l. com'" <techwr-l -at- lists -dot- techwr-l -dot- com> Date:Thu, 23 Jun 2016 12:02:03 -0400
Did you try the W3C validator? https://jigsaw.w3.org/css-validator/validator
It shows 2 errors in the css:
4 .fa Property text-rendering doesn't exist : auto
4 Sorry, the at-rule @-webkit-keyframes is not implemented.
Jack DeLand
Adam Charles Consulting, LLC
734 972 3026
www.adamcharlesconsulting.com
-----Original Message-----
From: techwr-l-bounces+jackdeland=comcast -dot- net -at- lists -dot- techwr-l -dot- com
[mailto:techwr-l-bounces+jackdeland=comcast -dot- net -at- lists -dot- techwr-l -dot- com] On
Behalf Of Wright, Lynne
Sent: Thursday, June 23, 2016 9:46 AM
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>
Subject: Does anyone know how to integrate Font Awesome with Flare?
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
