Partage
  • Partager sur Facebook
  • Partager sur Twitter

Google Font sur hébergement OVH pour page HTML

Faire fonctionner cet exemple

23 mai 2024 à 12:41:51

J'essaie d'utiliser un Google Font téléchargé. J'ai mis les fichiers sur le serveur de mon hébergement OVH.
L'exemple donné ici fonctionne : https://developer.mozilla.org/fr/docs/Web/CSS/@font-face
Mais quand j'essaie d'utiliser le fichier ttf sur le serveur cela ne marche pas.
Voici le code que j'utilise pour tester :
<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Web Font Sample</title>
    <style media="screen, print">
        @font-face {
            font-family: "Bitstream Vera Serif Bold";
            src: url("https://mdn.github.io/css-examples/web-fonts/VeraSeBd.ttf");
        }
        @font-face {
            font-family: "Montserrat";
            src: url("https://xxformat.com/xxmaillib/fonts/Montserrat/static/Montserrat-Black.ttf");
        }

        h1 {
            font-family: "Bitstream Vera Serif Bold";
        }

        p {
            font-family: "Montserrat";
        }
    </style>
  </head>
  <body>
    <h1>This is a test (Bitstream Vera Serif Bold)</h1>
    <p>This is a test (Montserrat Bold)</p>
    This is a test (Default)
  </body>
</html>
Avez-vous une suggestion ?
  • Partager sur Facebook
  • Partager sur Twitter
23 mai 2024 à 12:50:48

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Doublon

Les doublons nuisent au bon fonctionnement du forum et sont donc interdits. Si vous vous êtes trompé de section, il suffit de signaler votre sujet au staff pour qu'il le déplace au bon endroit.

Je vous invite à continuer la discussion sur l'autre sujet : https://openclassrooms.com/forum/sujet/google-font-sur-hebergement-ovh-pour-page-html-1c2b8

  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)