@font-face non actif

[Zayx]

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.

[TheDirector]

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

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

[Zayx]

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]

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]

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.

[néco]

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

bizzz

[Zayx]

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.

[néco]

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

[Walt]

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,

[Zayx]

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]

Bonjour le forum,

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

[Walt]

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

Cordialement,

[Zayx]

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 (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.

[Walt]

Ravi d'avoir pu aider Bonne continuation.

Cordialement,