professionalwiki / fontawesome Goto Github PK
View Code? Open in Web Editor NEWAllows to insert Font Awesome Free icons in page
Home Page: https://www.mediawiki.org/wiki/Extension:FontAwesome
License: GNU General Public License v3.0
Allows to insert Font Awesome Free icons in page
Home Page: https://www.mediawiki.org/wiki/Extension:FontAwesome
License: GNU General Public License v3.0
This is the latest FA 5.x version.
To be done in a 1.x release of this extension, before doing #8.
From https://www.mediawiki.org/wiki/Topic:Wti2hwqts6wfok61
This should be done as part of a new major version of this extension and will most likely involve replacing FA 5.x, not supporting both.
Hello,
I'm quite new to MediaWiki, and I'm currently trying to set up a wiki.
I installed the FontAwesome extension, using Composer, and it works fine on my main Wiki style (Vector). But I also have the MobileFrontend extension installed with MinervaNeue skin. And on the mobile version of the wiki, the icons are not showing up...
Am I doing something wrong, or is there an issue somewhere ?
I've tried both renderers without any change.
You can check an exemple of an icon use on this page on my wiki : https://wiki.penspinning-france.fr/Modèle:Information (click "Version mobile" on the bottom of the page to switch to mobile display and see the icon vanish).
The additionnal configuration I have in my LocalSettings.php is as follows :
wfLoadSkin( 'MinervaNeue' );
wfLoadExtension( 'MobileFrontend' );
$wgMinervaAlwaysShowLanguageButton = false;
wfLoadExtension( 'Scribunto' );
$wgScribuntoDefaultEngine = 'luastandalone';
$wgGroupPermissions['sysop']['deletelogentry'] = true;
$wgGroupPermissions['sysop']['deleterevision'] = true;
$wgFileExtensions[] = 'svg';
$wgSVGConverter = 'ImageMagick';
wfLoadExtension( 'ParserFunctions' );
$wgFavicon = "$wgResourceBasePath/resources/assets/logo_120x120.png";
$wgCategoryCollation = "uca-fr";
wfLoadExtension( 'Cite' );
wfLoadExtension( 'FontAwesome' );
Thanks for your help!
I'm not sure the scope of this request so feel free to ignore if it's too much work - I use a lot of FontAwesome on my wiki but only a couple total icons. If possible I'd prefer to only make users load the icons I actually use. When searching for ways to do this I found this repo - https://github.com/johnsmclay/icnfnt. Currently I'm not using this extension and instead I just add icons via ::before and ::after pseudoelements but if I could import fewer total glyphs I'd definitely switch all my usage to this extension.
I'd ideally prefer to specify imported glyphs via a mediawiki-namespace or have the extension track usage from the parser function in an internal table, but doing it via a localsetting would also work fine (in my particular use case on Gamepedia I need someone with higher privileges to update localsettings changes, and it would be nice to not require this for any wikis with admins without backend access in general, but it's probably significantly easier to do via a localsetting and that tradeoff is probably worth it).
Also if you know of a non-extension way to achieve this with just css let me know!
I tried {{#fab:wikipedia-w}}
or {{#fab:google}}
but they did not show up in my present version (1.0). (https://www.univie.ac.at/rel_jap/an/Spezial:Version)
Other icons such as {{#fas:Times}}
do work.
Files for fonts (extenstions/FontAwesome/.../webfonts/fa-brands-400-eot etc.) seem to be present though.
To be done before #8.
From https://www.mediawiki.org/wiki/Topic:Wogv8rqdnhb1lc5n
Is there a recommended way to make an icon from this extension accessible to people using screen readers, so that it reads some text instead of ignoring the icon? This is probably a question with a very simple answer so apologies in advance!
At the moment i the icons are black. Is it possible to colorize them and adjust the size as with the ckeditor-FA-plugins . At the moment i prefer to load the Fa-all.css from the web which allows that.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.