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: