@font-face, comment ça fonctionne.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu @font-face, comment ça fonctionne.

Message par ssamiiex le Mar 17 Avr 2018 - 2:12

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 : Plusieurs utilisateurs
Lien du forum : http://chaostheory.forumactif.com/

Description du problème

Bonjour à vous tous ! I love you

Merci encore de considérer mes problèmes, j'apprend beaucoup grâce à vous. Alors voici mon problème, j'ai suivi beaucoup de tutoriels sur comment importer une police dafont dans mon CSS pour mon forum via @font-face, mais cela ne fonctionne que sur mon ordinateur, mais pas celui des autres et nous avons le même navigateur. Je crois que moi je le vois parce que la police est installée dans mon ordinateur, mais pourquoi cela ne fonctionne pas pour les autres ?

Voici mon code dans le CSS, je ne crois pas avoir fait d'erreur
Code:
@font-face {
    font-family: 'Ibleum';
    src: url('Ibleum.eot');
    src: url('Ibleum.eot?#iefix') format('embedded-opentype'),
        url('Ibleum.woff2') format('woff2'),
        url('Ibleum.woff') format('woff'),
        url('Ibleum.ttf') format('truetype'),
        url('Ibleum.svg#Ibleum') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
font-family: 'Ibleum', Arial, sans-serif;
font-style:normal;
   font-size: 35px;
  text-align: left;
  font-family: 'Ibleum';
  font-weight: light;
  font-variant: none;
  text-decoration: none!important;
  padding-left: 7px;
  margin-top: -30px;
  height: 23px;
  width: 400px;
}

Puis quand je le met dans mon html (template) j'utilise ceci :
Code:
<h1>─ {catrow.forumrow.FORUM_NAME}</h1>

Merci beaucoup de lire mon problème I love you


Dernière édition par ssamiiex le Mer 18 Avr 2018 - 2:08, édité 1 fois
avatar

ssamiiex
*

Féminin
Messages : 38
Inscrit(e) le : 30/01/2013

http://rosscreek.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: @font-face, comment ça fonctionne.

Message par gryffindor le Mar 17 Avr 2018 - 15:27

Je me pose exactement la même question, j'espère que quelqu'un pourra nous donner une solution. I love you
avatar

gryffindor
Nouveau membre

Messages : 12
Inscrit(e) le : 27/06/2016

http://gryffindor.forumactif.org
gryffindor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: @font-face, comment ça fonctionne.

Message par ssamiiex le Mar 17 Avr 2018 - 16:39

Contente si le sujet peut t'aider à toi aussi Smile oui le @font-face c'est complexe surtout lorsqu'on ne sait pas si ça fonctionne avec tous les fichiers font.
avatar

ssamiiex
*

Féminin
Messages : 38
Inscrit(e) le : 30/01/2013

http://rosscreek.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: @font-face, comment ça fonctionne.

Message par Walt le Mar 17 Avr 2018 - 17:41

Bonjour,

La question a déjà été abordée plusieurs fois, peut-être ce sujet pourrait-il vous aider :
http://forum.forumactif.com/t388730-font-face-ne-fonctionne-pas

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 4415
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: @font-face, comment ça fonctionne.

Message par ssamiiex le Mer 18 Avr 2018 - 1:22

Coucou Walt ! I love you

Merci beaucoup pour cette réponse rapide. Smile Le lien m'a beaucoup aidé, merci.
Toutefois, cela ne fonctionnait toujours pas, mais j'ai enfin réussi avec ce tutoriel de Never-Utopia : http://www.never-utopia.com/t41689-avoir-d-autres-polices-que-celles-de-bases-autres-que-google-font?highlight=font+-face
En fait, c'est super simple Surprised

Merci encore Walt,
Bisous I love you
avatar

ssamiiex
*

Féminin
Messages : 38
Inscrit(e) le : 30/01/2013

http://rosscreek.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum