Maison > Article > interface Web > Comment changer la police en HTML

Comment changer la police en HTML

PHPzoriginal: 2023-04-21 14:15:1312255parcourir

HTML est l'une des technologies importantes pour le développement Web, et les polices sont également cruciales pour la mise en page et l'esthétique des pages Web. En HTML, nous pouvons modifier les polices de plusieurs manières, plusieurs méthodes seront présentées en détail ci-dessous.

1. Utilisez des styles en ligne
Utilisez l'attribut style dans la balise HTML pour définir le style de police, comme le montre l'exemple suivant :

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px;">这是一段使用内联样式设置字体的文字。</p>

Parmi eux, l'attribut font-family est utilisé pour définir la police ; L'attribut size est utilisé pour définir la taille de la police.

2. Utilisez la balise de style dans la balise head pour définir le style
Écrivez les informations de style dans la balise de style dans la balise head, et cela agira sur une certaine balise ou groupe de balises dans l'ensemble du document, comme indiqué dans le exemple suivant :

<head>
  <style type="text/css">
    p {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
    }
  </style>
</head>

<body>
  <p>这是一段使用文档内定义样式设置字体的文字。</p>
</body>

3. Utilisez une feuille de style CSS externe
Écrivez toutes les informations de style dans la feuille de style CSS externe et introduisez la feuille de style via la balise de lien, comme indiqué dans l'exemple suivant :

<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
  <p>这是一段使用外部CSS样式表设置字体的文字。</p>
</body>

Dans les styles. css, définissez simplement le style de la balise p :

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

4. Utilisez Google Fonts
Google Fonts est une bibliothèque de polices en ligne gratuite qui fournit une variété de belles polices. Lorsque vous utilisez Google Fonts, nous devons d'abord introduire le lien vers Google Fonts dans la balise head du fichier HTML :

<head>
  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
</head>

Ensuite, utilisez le code suivant dans la feuille de style CSS pour définir le style de police :

p {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

Dans ce qui précède code, « Lato » est le nom de la police dans Google Fonts et sans-serif est la police universelle qui peut être utilisée comme alternative.

Résumé :

Grâce à cet article, nous pouvons savoir qu'il existe de nombreuses façons de modifier les polices en HTML, notamment en utilisant des styles en ligne, en définissant des styles dans le document, des feuilles de style CSS externes et en utilisant Google Fonts, etc. Choisissez différentes méthodes en fonction des besoins du projet pour obtenir le meilleur effet de police.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelles sont les situations dans lesquelles les noms de variables JavaScript sont illégaux ?Article suivant：Quelles sont les situations dans lesquelles les noms de variables JavaScript sont illégaux ?

Articles Liés

Voir plus