Problème avec code HTML

Fermé
wonderland story Messages postés 26 Date d'inscription lundi 29 avril 2013 Statut Membre Dernière intervention 6 février 2021 - Modifié le 3 févr. 2021 à 15:42
wonderland story Messages postés 26 Date d'inscription lundi 29 avril 2013 Statut Membre Dernière intervention 6 février 2021 - 6 févr. 2021 à 19:20
Bonjour à tout le monde sur le forum !

Je débute en programmation (c'est un euphémisme, c'est la première fois que j'essaie de créer une ligne de code, sur les conseils du support technique de mon site Internet qui ne peut pas s'en charger !).

Je souhaite modifier la police de caractères d'un bouton "ENTRER" (celui qu'on voit typiquement en page d'accueil d'un site !).

Pour cela, j'ai commencé par isoler la valeur du bouton, qui est la suivante :


Après de nombreuses heures passées à essayer de comprendre comment modifier la police d'un élément en code HTML, voilà ce que j'ai pondu (après 1000 autres tentatives !) pour appliquer la police Alegreya Sans :

<style>

/*<![CDATA[*/

<a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER"> ENTRER <\/a> <font face="alegreya sans">


/*]]>*/

</style>


Est-ce que quelqu'un saurait me dire où est/sont le(s) problème(s) dans cette ligne de code ?

Merci par avance :)


P.S. : Je suis consommatrice de ce forum, malheureusement pas assez forte pour aider les autres, donc c'est toujours un peu à sens unique je l'avoue. Mais par contre je réponds et remercie toujours !!!
A voir également:

4 réponses

jordane45 Messages postés 38369 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 janvier 2025 4 722
Modifié le 3 févr. 2021 à 17:45
Bonjour,

déjà, juste pour ta culture personnelle, html n'est pas un langage de programmation.

Ensuite,
Il ne faut plus utiliser la balise <FONT ( que tu as mal positionné de toutes façons... )
A la place, tu peux ajouter un attribut STYLE à ton bouton et y mettre le code css voulu
https://www.w3schools.com/html/html_styles.asp
https://www.w3schools.com/css/css_font.asp

un truc du genre
<a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER" style=" font-family: 'Alegreya';"> ENTRER </a> 


0
wonderland story Messages postés 26 Date d'inscription lundi 29 avril 2013 Statut Membre Dernière intervention 6 février 2021
3 févr. 2021 à 17:25
Bonjour Jordane,

Comme je l'expliquais dans mon post, c'est la première fois que je m'attaque à ce genre de choses (contrainte et forcée !), d'où le manque de "culture" dans le domaine.

Je te remercie pour cette suggestion, qui pour l'instant ne fonctionne pas. Je ne sais pas ce qui manque...
0
jordane45 Messages postés 38369 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 janvier 2025 4 722
3 févr. 2021 à 17:45
Il faut charger la FONT dans ta page par contre.
<link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet'>
0
wonderland story Messages postés 26 Date d'inscription lundi 29 avril 2013 Statut Membre Dernière intervention 6 février 2021
3 févr. 2021 à 17:49
Merci Jordane, mais ça ne marche toujours pas :/

C'est peut-être encore l'ordre des éléments qui n'est pas bon ? Voilà ce que ça donne maintenant :

<style>

/*<![CDATA[*/
<link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet'>
<a class="j-calltoaction-link j-calltoaction-link-style-2" data-action="button" href="/" data-title="ENTRER" style=" font-family: 'Alegreya';"> ENTRER <\/a>

/*]]>*/

</style>
0
wonderland story Messages postés 26 Date d'inscription lundi 29 avril 2013 Statut Membre Dernière intervention 6 février 2021
6 févr. 2021 à 19:20
Pour celles et ceux que ça intéresse et qui auraient du mal à créer du code sous Jimdo (fonction "Modifier le head"), voilà la réponse obtenue via un autre forum, qui fonctionne :)

<style>
/* <![CDATA[ */
@import url('https://fonts.googleapis.com/css2?family=Alegreya&display=swap');
.content-options a.j-calltoaction-link-style-2,
.content-options a.j-calltoaction-link-style-2:link,
.content-options a.j-calltoaction-link-style-2:visited {font-family:Alegreya,serif;}
/*]]>*/
</style>
0