Bonjour tout le monde, je sais qu'il y a déjà des sujets existants sur le @font-face mais je ne trouve pas de quoi régler mon problème.
Je viens de mettre un site en ligne avec deux polices différentes. L'une d'elle s'affiche correctement, l'autre non alors que les trajets sont identiques.
Il s'agit de la police "Honey Script" qui ne fonctionne pas, en local évidemment elle s'affiche mais pas en ligne, alors qu'elle est bien dans le dossier font comme la première. Je ne comprends pas..
Je viens de regarder et tes h2 sur la page d'accueil semblent s'afficher correctement avec la bonne police. Ce ne serait pas un simple problème de cache par hasard ?
Tu mets à zéro des paddings et des margins sur une majorité d'éléments qui n'ont ni l'un ni l'autre. Et, euh, font-size: 0 ? Wut ? Pourquoi ça ?
Pour le box-sizing, c'est judicieux, même si on écrit plus souvent :
html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
}
pour que quand on change ponctuellement le box-sizing, les enfants en héritent, plutôt que de devoir le redéfinir.
Ensuite : tes polices. Déjà, c'est "honeyscript.ttf" que tu charges Et elle est reconnue par Firefox comme étant bien chargée. Sur quelle partie de la page d'accueil y fais-tu appel ? Je ne l'ai pas vue dessus - juste dans l'inspecteur de code.
Edit : j'ai trouvé, et comme Mewen_bzh je ne vois pas de souci, les h2 ont bien la bonne police.
- Edité par Lamecarlate 19 octobre 2017 à 14:52:25
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Alors oui pour "honeyscript.ttf", j'ai changé le nom en me disant que peut être les majuscules posaient problème..
Pour le box-sizing merci pour l'info ! J'essaierai de cette manière pour le prochain
Et euh pour les margin et les padding et la font-size en fait on m'avait dit qu'il valait mieux le faire pour réinitialiser tout le fichier CSS et les définir pour chaque élément par la suite..
Ahhh !!! Alors en ouvrant le site mon téléphone me propose de l'ouvrir soit avec le navigateur, soit avec chrome, et effectivement avec l'option "navigateur du téléphone" ça ne fonctionne pas
> Par contre, le font-size à 0, jamais vu ça nulle part, la personne qui t'a dit ça se trompait royalement.
Je pense que cela vient de la technique que l'on croise de temps en temps pour supprimer des espaces blancs indésirables : définir la taille de police du parent à 0 puis rétablir la taille de la police sur chacun des enfants (voir par exemple le paragraphe "La technique du font-size: 0 sur le parent" ici : https://www.alsacreations.com/astuce/lire/1432-display-inline-block-espaces-indesirables.html).
Et pour terminer avec ce souci de police je te conseillerai de ne pas te limiter aux formats .ttf qui sont certes optimaux pour certains types de terminaux et/ou navigateurs mais moins ou même pas du tout pour les autres. Un peu de lecture à ce sujet : https://blog.dareboost.com/fr/2015/08/comment-utiliser-fontes/
D'accord, c'était un prof qui me l'avait dit donc je m'y suis tenue mais du coup je le saurais maintenant
Merci
Police qui ne s'affiche pas en ligne
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)