Comment changer la police en HTML

PHPz
Libérer: 2023-04-21 15:24:26
original
12288 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
Copier après la connexion

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>
Copier après la connexion

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!