Télécharger une police

Support Mise en page
#1

J’ai fouillé et trouver à plusieurs endroit que c’était possible, mais impossible de trouver précisément comment. J’ai télécharger un fichier LilitaOne-Regular.ttf que j’ai mis dans /web/custom/fonts/lolita Pourtant il me semble l’avoir mis au bon endroit car il y a d’autres dossiers avec des polices, mais impossible après de l’appliquer sur le site via la page ?LookWiki
Je pense que la réponse à cette question pourrait être intégrée à la documentation…
Merci et belle soirée

#2

Salut

Dans le CSS il faut utiliser @font-face (voir la fiche de cette régle sur developer.mozilla.org)

#3

Bonjour,
Je reprends cette question parce que je n’arrive pas à aller au bout de la configuration :

  • par FTP j’ai custom/fonts/roymake-inline-webfont.woff et custom/fonts/roymake-inline-webfont.woff2
  • dans PageCss j’ai bricolé un truc qui ne marche pas
    @font-face {
    font-family: « roymake »;
    src:
    local(« roymake »),
    url(« roymake-inline-webfont.woff ») format(« opentype ») tech(color-COLRv1),
    url(« roymake-inline-webfont.woff ») format(« opentype »),
    url(« roymake-inline-webfont.woff ») format(« woff »);
    }

J’aimerais rédiger une documentation générique pour cette manip donc votre aide bénéficiera à d’autres :wink:

Merci d’avance !
Louise

#4

dans les url(" faut mettre le chemin complet:
url('custom/fonts/roymake-inline-webfont.woff') format('woff'),
url('custom/fonts/roymake-inline-webfont.woff2') format('woff2');

pas besoin de opentype si t’as pas la police a ce format là.

1 « J'aime »
#5

merci !
ça ne semble pas suffire … est-ce que je dois ajouter à PageCss un truc de ce type ?
body {
font-family: ‹ roymake-inline-webfont.woff › sans-serif;
}
h1 {
font-family: ‹ roymake-inline-webfont.woff2 › sans-serif;
}
ou est-ce que la suite est dans LookWiki ?

#6

Oui faut aussi dire quand l’utiliser dans les css , et pour les propriétés
font-family: "roymake"; devrait suffire