Moodle: Petite astuce en CSS pour font-awesome

L’utilisation de font-awsome se développe de plus en plus dans les thèmes de Moodle.
Mais cette très belle technologie pose problème si votre visiteur bloque les scripts.
En effet, font-awesome repose sur une bibliothèque de javascript pour faire apparaître les icônes.

Voici un petit « fallback » (situation de repli) pour que vos visiteurs ne trouvent pas un site défiguré lorsque les scripts sont bloqués.

<![CDATA[
<noscript>
<link rel="stylesheet" type="text/css" href="safe-icons.css" />
</noscript>
]]>

<![CDATA[
<noscript>
    <style>
        [class*="fa-"]:before
        {
            content:"+";
        }
    </style>
</noscript>
]]>
Partagez: