[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

**Splash** · **Splash** Sam 6 Oct 2018 - 7:50

Hi,

Rendez-vous sur ce site et choisissez la/les polices à installer : https://fonts.google.com

Ajoutons 2 polices supplémentaires au forum, sans modifier le Template, mais en utilisant des codes javascript

Les 2 polices ajoutées sont les polices Coiny et Wallpoet

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript

Mettre ce code javascript Sur toutes les pages pour la première police :

Code:: WebFontConfig = { google: { families: [ 'Coiny' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();

Et ce code pour la seconde police :

Code:: WebFontConfig = { google: { families: [ 'Wallpoet' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();

Ensuite mettre ce nouveau code javascript Sur toutes les pages (ce code correspondra aux polices de l'éditeur) :

Code:: WebFontConfig = { google: { families: [ 'Coiny','Wallpoet' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); $(function(){ if(!$["sceditor"]) return; $.sceditor.defaultOptions.fonts= 'Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS, Verdana, Coiny, Wallpoet' });

Cette partie du code sert à inscrire les 2 nouvelles polices :

Code:: WebFontConfig = { google: { families: [ 'Coiny','Wallpoet' ] } };

Polices qu'il faut également ajouter à cette ligne (en fin de code) :

Code:: $.sceditor.defaultOptions.fonts= 'Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS, Verdana, Coiny, Wallpoet';

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Police10

Et ainsi de suite pour chaque nouvelle police à ajouter

Si vous rencontrez un problème avec l'ajout des polices par javascript

Sélectionnez vos polices sur la page Google Fonts en cliquant sur le petit rond rouge "Select this font"

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select10

Une fois vos polices sélectionnées, vous verrez en bas de page ce rectangle noir :

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select11

Déployez le en cliquant sur le petit tiret blanc (sur la gauche) :

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur Select12

Copier le code qui se trouve après Embed Font, pour nos 2 polices c'est celui-ci :

Code:: <link href="https://fonts.googleapis.com/css?family=Coiny|Wallpoet" rel="stylesheet">

Coller ce code dans le template overall_header (juste après la balise head) :

Panneau d'administration / Affichage / Templates / Général

Votre début de template ressemblera à ça :

Code:: <!DOCTYPE HTML> <html lang="{L_LANG_HTML}"> <head> <link href="https://fonts.googleapis.com/css?family=Coiny|Wallpoet" rel="stylesheet">

Ensuite ajouter le code javascript pour l'ajout à l'éditeur :

Code:: WebFontConfig = { google: { families: [ 'Coiny','Wallpoet' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); $(function(){ if(!$["sceditor"]) return; $.sceditor.defaultOptions.fonts= 'Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS, Verdana, Coiny, Wallpoet' });

A bientôt.

Voila, c'est tout pour le moment .
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif

**Lilas** · **Lilas** Sam 6 Oct 2018 - 13:52

Kikou Splash,

Je m'intéresse à ta petite astuce, aujourd'hui.

Bonne journée forum,

mdr

**Milouze14** · **Milouze14** Dim 7 Oct 2018 - 6:50

Invité · Invité Ven 12 Oct 2018 - 3:12

Merci beaucoup !

**ThunderTB** · **ThunderTB** Mar 6 Nov 2018 - 5:26

Merci beaucoup !

**Kaeyla** · **Kaeyla** Sam 26 Jan 2019 - 21:14

Merci pour ce superbe partage super

Invité · Invité Jeu 28 Mar 2019 - 17:25

MERCI !

**Ptite_Perle** · **Ptite_Perle** Ven 29 Mar 2019 - 14:51

Merci

**xewup** · **xewup** Sam 30 Mar 2019 - 10:53

Merci beaucoup

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

[TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Re: [TOUTES VERSIONS] Installer des polices supplémentaires à l'éditeur

Créer un compte ou se connecter pour répondre

S'enregistrer

Connexion