OE800's BBCode Webfont Extension - Fontizymo

0E800

BBCode Web Fonts Pack Extension

Add custom webfonts to your Flarum posts.

Install:

composer require oe800/flarum-ext-bbcode-fontizymo

Usage:

[aclonica]Testing Aclonica Font[/aclonica]

[aldrich]Testing Aldrich Font[/aldrich]

[anonymouspro]Testing Anonymous Pro Font[/anonymouspro]

[bowlbyone]Testing Bowlby One Font[/bowlbyone]

[cagliostro]Testing Cagliostro Font[/cagliostro]

[opensans]Testing Open Sans Font[/opensans]

[orbitron]Testing Orbitron Font[/orbitron]

[oswald]Testing Oswald Font[/oswald]

[philosopher]Testing Philosopher Font[/philosopher]

[quattrocentosans]Testing Quattrocento Sans Font[/quattrocentosans]

[quicksand]Testing Quicksand Font[/quicksand]

[satisfy]Testing Satisfy Font[/satisfy]

[syncopate]Testing Syncopate Font[/syncopate]

[ubuntumono]Testing Ubuntu Mono Font[/ubuntumono]

[voltaire]Testing Voltaire Font[/voltaire]

Version 0.1.4 additions:

[Roboto]Testing Roboto Font[/Roboto]

[robotoslab]Testing Roboto Slab Font[/robotoslab]

[khula]Testing Khula Font[/khula]

[barrio]Testing Barrio Font[/barrio]

[montserratsubrayada]Testing Montserrat Subrayada Font[/montserratsubrayada]

[raleway]Testing Raleway Font[/raleway]

[raviprakash]Testing Ravi Prakash Font[/raviprakash]

[Lora]Testing Lora Font[/Lora]

[droidsans]Testing Droid Sans Font[/droidsans]

[Ubuntu]Testing Ubuntu Font[/Ubuntu]

[droidserif]Testing Droid Serif Font[/droidserif]

[baloo]Testing Baloo Font[/baloo]

[ptserif]Testing PT Serif Font[/ptserif]

[indieflower]Testing Indie Flower Font[/indieflower]

[dosis]Testing Dosis Font[/dosis]

[oxygen]Testing Oxygen Font[/oxygen]

[anton]Testing Anton Font[/anton]

[cabin]Testing Cabin Font[/cabin]

[arvo]Testing Arvo Font[/arvo]

[lobster]Testing Lobster Font[/lobster]

[pacifico]Testing Pacifico Font[/pacifico]

Examples:

Imgur

Version 0.1.4 addition examples:

To Do's:
♦ Add more fonts
♦ Add customization's for size / bold / italics / color
(Currently you can combine [bold] and [size=] and [color=])

[size=22][color=teal][satisfy]Testing Satisfy Font[/satisfy][/color][/size]

Requests:

You may request to have more fonts added from here:

https://fonts.google.com/
http://www.cssfontstack.com/Web-Fonts

frans

0E800 Nice, great work ??

[deleted]

0E800 love it ?

0E800

Thanks to @luceos for the protip on consolidating my @imports. That will save me loads of time when adding additional fonts.

SierraKiloGulf

Oh no you didn't....

Was literally about to request this, but alas, you have already been working on it lol. This is going to be great!!
Would you by chance in a future update just allow us to install fonts in the amdin panel instead of requesting them? In the long run, may just be easier for you instead of having 200 requests for fonts lol

0E800

Apologies SierraKiloGulf if there was a skeleton extension of an admin panel enable/disable of bbcode, I could figure it out. I'm no coder, just a level 1 hacker, it wasn't until @clarkwinkelmann created his Rainbow font extension that I was able to adapt his code and expand on it. That simple, single function extension was all it took for me to create all the extensions I have released.

Since then I have been trying to expand on my skill set by trying to figure out how to use js in the same way I use the css less, but haven't gotten there yet. So for now, just a one-trick-pony.

I don't like it that this extension loads all the google fonts into memory, and it would be cool if you could tick on and off the ones you wanted to allow on your forum, but like I said, I am just a Flarum hobbyist, coding by the seat of my pants. ?