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:Daniel Friedman <daniel -dot- friedman42 -at- gmail -dot- com> To:"Wright, Lynne" <Lynne -dot- Wright -at- kronos -dot- com> Date:Thu, 23 Jun 2016 10:30:11 -0400
Did you check in your output if the Font Awesome CSS and graphics are
showing up? It could be that you have "Exclude anything not directly
linked" selected in your target, in which case you would need to add them
to a topic somewhere (like in a hidden div). Also you can press F12 with
your output open in Chrome to open the developer tools and check if there
are missing resources.
On Thu, Jun 23, 2016 at 9:45 AM, Wright, Lynne <Lynne -dot- Wright -at- kronos -dot- com>
wrote:
> 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:
>
> <link href="../../font-awesome-4.6.3/css/font-awesome.min.css"
> type="text/css" />
>
>
> 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
>
> ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
>
> You are currently subscribed to TECHWR-L as daniel -dot- friedman42 -at- gmail -dot- com -dot-
>
> To unsubscribe send a blank email to
> techwr-l-leave -at- lists -dot- techwr-l -dot- com
>
>
> Send administrative questions to admin -at- techwr-l -dot- com -dot- Visit
>http://www.techwhirl.com/email-discussion-groups/ for more resources and
> info.
>
> Looking for articles on Technical Communications? Head over to our online
> magazine at http://techwhirl.com
>
> Looking for the archived Techwr-l email discussions? Search our public
> email archives @ http://techwr-l.com/archives
>
--
*Daniel Friedman*
*friedmantechpublications.com* <http://friedmantechpublications.com>
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Visit TechWhirl for the latest on content technology, content strategy and content development | http://techwhirl.com
