Utiliser @font-face

La règle @font-face permet de définir les polices d’écriture à utiliser pour afficher le texte des pages web. Le webmaster peut fournir ses propres polices, sans dépendre de celles installées sur les postes des utilisateurs. Le css3 permet l’importation des polices d’écriture. Afin d’assurer la compatibilité avec les différents navigateurs, je vais utiliser les formats woff. Pour les récupérer, je me rends sur le site https://www.fontsquirrel.com/tools/webfont-generator, générateur de webfonts. Je lui envoie la police en .

Un texte défilant

Faire défiler un texte dans un bandeau, on utilisait la balise <marquee> ; elle est désormais obsolète et doit être remplacée par la balise <canvas>. Déplacement d’un texte dans un bandeau avec canvas Fonctionnement Il faut utiliser un script simple pour le défilement : les explications sont dans les commentaires. Le script 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script> var canevas = document.

La balise <details>

La balise <details> affiche à la demande des précisions sur un texte. Elle fonctionne avec Google Chrome, mais elle a besoin d’un script pour être prise en compte dans Firefox. Le script à insérer 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <script> $(document).ready(function() { if (!('open' in document.createElement('details'))) { $("details").each(function() { $(this).find("summary").show().click(function() { $(this).siblings().toggle(); $(this).parent('details').toggleClass('open'); }); var opened = $(this).