[pmwiki-users] Issues with Custom Fonts, Font Awesome, HTML

[Petko Yotov]

It may be possible. Instead of:

$HTMLHeaderFmt['fontawesome'] =
   '<link rel="stylesheet" 
href="$FarmPubDirUrl/fontawesome/css/all.min.css" />';

Try with this:

$HTMLHeaderFmt['fontawesome'] =
   '<script src="https://kit.fontawesome.com/7ef8040ce0.js"
    crossorigin="anonymous"></script>';

Let me know if it works and I'll update the Cookbook page.

Petko

On 19/01/2021 14:01, Jamie Ward wrote:
> Do you think it might be possible to make it pull from my Kit instead?
> 
> Not all the icons I want exist in the Free version, but it seems like
> if you link to your online kit, you can make your own icons and put
> them in there.
> 
> The kit code is <script
> src="https://kit.fontawesome.com/7ef8040ce0.js"
> crossorigin="anonymous"></script>
> 
> I tried putting the URL into the code you gave on the Cookbook but
> that didn’t work.
> 
> If this is too much trouble no need to respond as I can manage without
> them. But if you can answer it easily, I’d be grateful.
> 
> Thanks,
> 
> Jamie
> 
> 
> 
>> On 18 Jan 2021, at 10:01, Petko Yotov <5ko at 5ko.fr> wrote:
>> 
>> 1. Installing custom fonts correctly and available cross-browser is 
>> sometimes tricky. Don't let it discourage you.
>> 
>> 2. You should avoid enabling HTML, the feature you need can be done 
>> without it.
>> 
>> 3. The recipe Cookbook:FontAwesome was indeed old and without a 
>> maintainer. I am now taking over the maintenance and I rewrote the 
>> installation instructions and most of the page. The font is now 
>> enabled on that page and can be tested.
>> 
>> 4. That page contains instructions for the actual and current 
>> FontAwesome release, which has all needed files, styles, fonts, and 
>> settings for different browsers. If you are trying to use a font 
>> different from "FontAwesome Free", installing it will likely be 
>> different -- if you need assistance, please provide more information.
>> 
>> Petko
>> 
>> On 16/01/2021 23:16, Jamie Ward wrote:
>>> I’d like to be able to display symbols (PS4 or Xbox controller
>>> buttons) within my Wiki pages.
>>> On web pages, I use a custom font and font-face script.
>>> I could find no documentation at all about custom fonts, so looked 
>>> for
>>> some workarounds.
>>> The first thing I could was using Font Awesome within PMWiki - which
>>> would satisfy (https://www.pmwiki.org/wiki/Cookbook/FontAwesome)
>>> However I followed the very simple instructions carefully, and it did
>>> not work, after several hours testing I gave up.
>>> The issue there was if you take the code it wants to use to 
>>> implement,
>>> <i class="fa fa-info-circle"></I> , then PMWiki just shows the code.
>>> I tried surrounding it like so (div: <i class="fa
>>> fa-info-circle"></I>:)(:divend) - still didn’t work. Neither did
>>> (html:
>>> Then I tried to use both EnableHTML, and ConvertHTML to make PMWiki
>>> read that code <i class="fa fa-info-circle"></I>
>>> These threw up config errors, and although people had published later
>>> code for different versions of PHP, none of those worked.
>>> And they all seemed to be from 2008-2014. Is all of this 
>>> functionality
>>> deprecated and no longer supported? Or am I being really dense?