@font-face non actif

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

Résolu @font-face non actif

Message par Zayx le Sam 27 Aoû 2016 - 15:46

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 27/08/2016
Lien du forum : http://lesorus.forumactif.org/

Description du problème

Bonjour le forum,

Je viens vers vous car j'ai un soucis pour intégrer une police d'écriture à mon forum. J'ai utilisé le code suivant:

@font-face {
font-family: "Minecraft Evenings";
src: url(http://brm-craft.e-monsite.com/medias/files/minecraft-evenings.otf) format("truetype");
}

Pour l'intégrer au forum, et celui-ci pour l'appliquer à mon menu horizontal:

a:link{
font-family: "Minecraft Evenings"
}

Apparemment non effectif alors que cela fonctionne sur mon site, je me demande d’où le soucis pourrait venir.
En espérant trouver de l'aide parmi vous, amicalement, Zayx.


Dernière édition par Zayx le Sam 10 Sep 2016 - 15:07, édité 1 fois

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par TheDirector le Mar 30 Aoû 2016 - 17:58

Bonjour,
Je vois quelques erreurs dans votre code CSS. Essayez avec les codes corrigés et dites moi Wink

Code:
@font-face {
font-family: "Minecraft Evenings";
src: url("http://brm-craft.e-monsite.com/medias/files/minecraft-evenings.otf") format("truetype");
}

Code:
a:link{
font-family: "Minecraft Evenings";
}

Cordialement

TheDirector
*****

Masculin
Messages : 635
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: @font-face non actif

Message par Zayx le Sam 3 Sep 2016 - 15:24

Bonjour TheDirector, le forum.

J'ai essayé ton code et toujours pas moyen d'afficher ma police d'écriture sur le forum.
Je continu de chercher et j'espère avoir encore une fois ton aide, merci pour ta réponse.

Dans l'attente, amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par Zayx le Dim 4 Sep 2016 - 21:11

Bonsoir le forum,

Je me permet un petit up car je n'ai toujours pas réussi à importer une police d'écriture sur Forumactif.
En espérant avoir réponse pour continuer la mise en forme de mon forum.
Dans l'attente, amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par Zayx le Lun 5 Sep 2016 - 21:32

Bonsoir le forum,

Je viens encore une fois quémander de l'aide car j'arrive sur la fin de la mise en forme de mon forum et les derniers réglage se feront sur les polices d'écriture.

Je re partage mon bout de code qui fonctionne sur mon site en css:

@font-face {
font-family: "Minecraft Evenings";
src: url("http://brm-craft.e-monsite.com/medias/files/minecraft-evenings.otf") format("truetype");
}
@font-face {
font-family: "Enchanted land";
src: url("http://brm-craft.e-monsite.com/medias/files/enchanted-land.otf") format("truetype");
}
@font-face {
font-family: "Minecrafter";
src: url("http://brm-craft.e-monsite.com/medias/files/minecrafter.ttf") format("truetype");
}
@font-face {
font-family: "fontastique";
src: url("http://brm-craft.e-monsite.com/medias/files/fontastique.ttf") format("truetype");
}

Et pour les différentes partie:

exemple{
font-family: "Minecraft Evenings";
}

En espérant que quelqu'un puisse enfin m'enlever cette épine du pied.
Amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par néco le Lun 5 Sep 2016 - 22:41

salut !
je ne saurais te répondre mais regarde si cette astuce est susceptible de t'aider ^^
http://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

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

Résolu Re: @font-face non actif

Message par Zayx le Mar 6 Sep 2016 - 0:05

Bonsoir néco,

Le problème étant que ce tutoriel doit être bon uniquement pour les police Googlefont, hors, les polices que je souhaite importer ne se trouvent pas sur Google font.
J'avais déjà aperçu ce bout de tuto avant de poster mon message, j'ai eassayé de l'adapter mais rien n'y fait. Ce tuto pourrait fonctionner si on pouvais importer sa propre police sur Google font: Est-ce possible?

Ce qui me trouble c'est que sur mon site j'ai simplement mis le code que j'ai renseigné dans mon dernier message dans ma feuille CSS et tout roule... Et la pas moyen de display une police importée grâce à @font-face...

Merci pour ta réponse, en espérant que tu ai d'autre solutions, amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par néco le Mar 6 Sep 2016 - 12:35

je ne sais pas du tout si tu peux ajouter des polices à google font , c'est auprès d'eux que tu devrais chercher ce renseignement , car en effet si tu peux en ajouter ça réglerait tout ^^

non désolé , comme je l'ai dis dans mon 1er message je ne te saurais être d'aucun secours malheureusement , je connais rien à tout ça , j'ai juste trouvé ce tuto que je t'ai exposé à tout hasard ^^

il ne te reste qu'a prendre ton mal en patience et continuer à up jusqu'à ce qu'une personne qui s'y connait te vienne en aide ! ^^

bizzz et bon courage à toi

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

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

Résolu Re: @font-face non actif

Message par Walt le Mar 6 Sep 2016 - 12:45

Bonjour,

Vous avez tenté en insérant tout ça dans un fichier .css, en l'hébergeant, et en le liant sur le forum ?
Code:
    <link href="file.css" rel="stylesheet" type="text/css">

Cordialement,

Walt
Modéractif
Modéractif

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

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

Résolu Re: @font-face non actif

Message par Zayx le Mar 6 Sep 2016 - 16:15

Bonjour néco, Walt,

Merci pour ton aide néco-chan, je vais voir ce que les réponses des autres personnes donne.

Walt, je n'ai pas essayé en calant cela dans un fichier css, je suis intéressé donc pourrais tu me donner la marche à suivre exact? Le petit bout d'html je l'ai déjà dans mon "body" car j'avais essayé d'adapter le tuto de google-font au code que j'avais déjà @font-face... sans résultats.

Merci pour ton aide, à très vite j'espère, amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par Zayx le Ven 9 Sep 2016 - 15:18

Bonjour le forum,

Petit up en espérant avoir une réponse.
Amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par Walt le Ven 9 Sep 2016 - 15:54

Bonjour,

La raison pour laquelle le code ne marche pas directement dans le CSS est la suivante (je viens de l'apprendre moi-même) :
Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though they do work (incorrectly so) in Webkit-based browsers. (source)

En somme, on ne peut pas lier une police qui serait hébergée sur un autre domaine. Il faudrait que la police soit hébergée à la racine du forum, ce qui n'est pas possible. L'avantage de Google Fonts, c'est qu'il appelle une feuille de style externe (donc un fichier .css) et non une police (donc pas un fichier au format .otf, .ttf, etc.)

Si vous avez un espace web, il pourrait être intéressant de :
  • Télécharger les fichiers suivants :
      - http://brm-craft.e-monsite.com/medias/files/minecraft-evenings.otf
      - http://brm-craft.e-monsite.com/medias/files/enchanted-land.otf
      - http://brm-craft.e-monsite.com/medias/files/minecrafter.ttf
      - http://brm-craft.e-monsite.com/medias/files/fontastique.ttf

  • Les héberger sur votre espace,
  • Créer un fichier CSS contenant :
    Code:
    @font-face {
       font-family:"Minecraft Evenings";
       src:url("/minecraft-evenings.otf") format("truetype");
    }
    @font-face {
       font-family:"Enchanted land";
       src:url("/enchanted-land.otf") format("truetype");
    }
    @font-face {
       font-family:"Minecrafter";
       src:url("/minecrafter.ttf") format("truetype");
    }
    @font-face {
       font-family:"fontastique";
       src: url("/fontastique.ttf") format("truetype");
    }
  • Héberger sur votre espace ce fichier (en modifiant dans le code le chemin des polices si elles ne sont pas dans le même dossier que le fichier CSS)
  • Lier ce fichier sur votre forum :
    Code:
    <link href="http://liendevotresite/fichier.css" rel="stylesheet" type="text/css">


N'hésitez pas à me demander plus d'explications si j'ai été vite sur certaines étapes, je ne connais pas votre niveau en la matière Smile

Cordialement,

Walt
Modéractif
Modéractif

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

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

Résolu Re: @font-face non actif

Message par Zayx le Sam 10 Sep 2016 - 15:06

Bonjour Walt, le forum,

Mon niveau est plus ou moins moyen je m'en sors sur les bases, je creuse sur les choses un peu plus compliquées mais à partir d'un certains point je ne sais reconnaitre de la terre à de la roche Smile (je m'étonne moi même à faire des métaphores de ce genre...).

Du coup j'ai réussi à appliquer ce que tu m'as donné et... ça fonctionne du tonnerre!
Je te remercie beaucoup pour ton aide car c'est la petite touche qui manquait à mon forum pour être finalisé!

A une prochaine (certainement), amicalement, Zayx.

Zayx
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 05/10/2012

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

Résolu Re: @font-face non actif

Message par Walt le Sam 10 Sep 2016 - 15:10

Ravi d'avoir pu aider Wink Bonne continuation.

Cordialement,

Walt
Modéractif
Modéractif

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

http://forum.forumactif.com
Walt 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