I added Typicons to @Antoine FontAwesome BBcode extension.
First:
Add this code to your custom header:
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.css' />
Next:
Add this code to your custom CSS:
@font-face {
font-family: 'typicons';
src: url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.eot");
src: url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.eot?#iefix")
format('embedded-opentype'),
url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.woff") format('woff'),
url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.ttf") format('truetype'),
url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.svg#typicons") format('svg');
font-weight: normal;
font-style: normal;
}
Next:
SSH to your site, then modify:
nano vendor/antoinefr/flarum-ext-bbcode-fa/src/Listeners/AddBBCode.php
After:
public function addBBCode(ConfigureFormatter $event)
{
$event->configurator->BBCodes->addCustom(
'[FA]{IDENTIFIER}[/FA]',
'<i class="fa fa-fw fa-{IDENTIFIER}"></i>'
);
Add:
$event->configurator->BBCodes->addCustom(
'[TI]{IDENTIFIER}[/TI]',
'<i class="typcn typcn-{IDENTIFIER}"></i>'
);
To use a Typicon in your post use
Typicon cheatsheet:
http://typicons.com/
