Utilisation d'une police Google Fonts pour la ChatBox... ?
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Utilisation d'une police Google Fonts pour la ChatBox... ?
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonsoir !J'ai récemment pu installer une police Google Fonts sur mon forum (en l'occurrence Roboto Slab), grâce aux explications disponibles sur ce forum, donc dans le template overall_header juste après la première balise head. Elle s'affiche parfaitement sur la page d'accueil et dans les messages postés, mais la ChatBox reste entièrement en Times New Roman là où j'aimerais qu'elle s'accorde avec le reste. Les petits bouts de code que j'ai pu trouver ici n'ont, il me semble, rien changé à cela. Auriez-vous un code à me proposer, ou est-il impossible d'afficher dans la ChatBox une police non présente au départ sur le forum ?
Merci d'avance de votre aide !
Dernière édition par Zacharias Sattler le Mar 27 Oct 2015 - 18:11, édité 1 fois
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Bonsoir,
après avoir mis en place l' https://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts, mettez le code comme indiqué dans le CSS (la localisation de la Feuille de style CSS se trouve dans l'astuce )
et mettez à la place de "element" ".chatbox_row_2" qui donne
Bonne soirée !
après avoir mis en place l' https://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts, mettez le code comme indiqué dans le CSS (la localisation de la Feuille de style CSS se trouve dans l'astuce )
et mettez à la place de "element" ".chatbox_row_2" qui donne
- Code:
.chatbox_row_2 {font-family:"Grand Hotel";}
Bonne soirée !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Bonsoir, merci pour votre réponse si rapide !
Cependant, la ChatBox est toujours dans son état initial après avoir rajouté ce code (avec le nom de ma police, évidemment). Voilà un screen du code :
https://2img.net/image.noelshack.com/fichiers/2015/43/1445362300-capture2.png
D'où peut venir le problème ?
Cependant, la ChatBox est toujours dans son état initial après avoir rajouté ce code (avec le nom de ma police, évidemment). Voilà un screen du code :
https://2img.net/image.noelshack.com/fichiers/2015/43/1445362300-capture2.png
D'où peut venir le problème ?
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Re,
dans le message d'Automne il y a un espace (entre les deux points "font-family" et les guillemets). Le problème vient peut-être de là.
Bonne soirée !
dans le message d'Automne il y a un espace (entre les deux points "font-family" et les guillemets). Le problème vient peut-être de là.
Bonne soirée !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Après essai avec un espace comme dit, puis avec d'autres entre les accolades et le reste, cela ne marche malheureusement toujours pas... de même sans les guillemets ou avec des guillemets simples. ;m;
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Re,
oui il faut garder les guillemets.
Comme dit dans le lien, d'ailleurs n'avez pas oublié de commencer d'abord par ici ?
https://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts
Et ensuite vous pourrez changer la police.
Bonne journée !
oui il faut garder les guillemets.
Comme dit dans le lien, d'ailleurs n'avez pas oublié de commencer d'abord par ici ?
https://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts
Et ensuite vous pourrez changer la police.
Bonne journée !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Re,
Etant sous phpbb2, j'ai utilisé la première méthode, c'est-à-dire que j'ai copié le bout de code donné sur Google fonts dans le template overall_header. Y a-t-il une étape avant que j'aurais oubliée ?
Etant sous phpbb2, j'ai utilisé la première méthode, c'est-à-dire que j'ai copié le bout de code donné sur Google fonts dans le template overall_header. Y a-t-il une étape avant que j'aurais oubliée ?
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Re,
normalement non, peut-être avez-vous mal enregistré le template ?
Car après il faut aussi en plus publier le template avec .
normalement non, peut-être avez-vous mal enregistré le template ?
Car après il faut aussi en plus publier le template avec .
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Re,
Je viens de vérifier et oui, il est bien publié. ... preuve en est que la police marche sur tout le forum, sauf la ChatBox, qui reste réfractaire.
Je viens de vérifier et oui, il est bien publié. ... preuve en est que la police marche sur tout le forum, sauf la ChatBox, qui reste réfractaire.
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Bonjour,
Votre chatbox est dans un nouvel onglet ?
Bonne journée !
Votre chatbox est dans un nouvel onglet ?
Bonne journée !
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Bonjour ! o/
J'utilise régulièrement la CB dans un nouvel onglet, mais le problème est également présent en la gardant sur la page d'accueil.
J'utilise régulièrement la CB dans un nouvel onglet, mais le problème est également présent en la gardant sur la page d'accueil.
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Bonjour,
Les templates et javascripts ne s'appliquent pas à la chatbox quand elle est dans un onglet.
Une solution toute bête et non mentionnée dans le tutoriel serait d'utiliser @font-face pour déclarer la police comme ça, vous pourrez l'utiliser normalement.
Donc, vous laissez vos modifications mais avant
Remplacez MyWebFont par GrandHotel par exemple et remplacez webfont.eot, svg ... par les liens de votre police (si trop compliqué, utilisez ce code pas forcément compatible avec tous les navigateurs
Bonne journée !
Les templates et javascripts ne s'appliquent pas à la chatbox quand elle est dans un onglet.
Une solution toute bête et non mentionnée dans le tutoriel serait d'utiliser @font-face pour déclarer la police comme ça, vous pourrez l'utiliser normalement.
Donc, vous laissez vos modifications mais avant
- Code:
.chatbox_row_2 {font-family:"GrandHotel";}
- Code:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
Remplacez MyWebFont par GrandHotel par exemple et remplacez webfont.eot, svg ... par les liens de votre police (si trop compliqué, utilisez ce code pas forcément compatible avec tous les navigateurs
- Code:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.woff');
}
Bonne journée !
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Bonjour,
J'ai tenté d'appliquer les codes avec le seul lien de police que j'aie, qui est le suivant : « https://fonts.googleapis.com/css?family=Roboto+Slab:300,700 » Mais avec ou sans les extensions, cela ne fonctionne pas, et pire encore, la police ne fonctionne plus sur le reste des pages. Que faire ?
Bonne journée !
J'ai tenté d'appliquer les codes avec le seul lien de police que j'aie, qui est le suivant : « https://fonts.googleapis.com/css?family=Roboto+Slab:300,700 » Mais avec ou sans les extensions, cela ne fonctionne pas, et pire encore, la police ne fonctionne plus sur le reste des pages. Que faire ?
Bonne journée !
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Essayez ceci :
- Code:
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Haaaa, merci infiniment, ce code fonctionne très bien et même lorsque la ChatBox est ouverte dans un nouvel onglet ! \o/
Je vais passer le sujet en résolu, mais pensez-vous pouvoir m'expliquer d'où vient le lien fonts.gstatic.com afin que je puisse reproduire cette technique sur d'autres forums ? Merci encore !
Je vais passer le sujet en résolu, mais pensez-vous pouvoir m'expliquer d'où vient le lien fonts.gstatic.com afin que je puisse reproduire cette technique sur d'autres forums ? Merci encore !
Re: Utilisation d'une police Google Fonts pour la ChatBox... ?
Ouvrez le lien https://fonts.googleapis.com/css?family=Roboto+Slab:300,700
Bonne soirée !
PS : Le code ne marchera pas sur IE sans faire de petites modifications.
Bonne soirée !
PS : Le code ne marchera pas sur IE sans faire de petites modifications.
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Sujets similaires
» Installer des polices supplémentaires mais pas des Google fonts
» Google Fonts - Police d'écriture qui ne s'affiche pas ?
» La police de google font ne s'applique pas.
» Google-fonts et ses déboires.
» Mettre une police qui ne vient pas de google font
» Google Fonts - Police d'écriture qui ne s'affiche pas ?
» La police de google font ne s'applique pas.
» Google-fonts et ses déboires.
» Mettre une police qui ne vient pas de google font
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum