Comment définir la police Microsoft Yahei en CSS

CSS (Cascading Style Sheets) est un langage de feuille de style utilisé pour la conception Web, qui peut contrôler divers effets visuels dans les pages Web. Parmi elles, les polices sont l’un des éléments les plus fondamentaux et les plus importants de la conception Web.

Microsoft Yahei est une très excellente police avec une excellente lisibilité, des lignes claires et des polices confortables. Cet article explique comment définir la police Microsoft Yahei en CSS pour une utilisation dans les pages Web.

Tout d'abord, déclarez la feuille de style CSS en tête de la page web. Vous pouvez utiliser le code suivant :

<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

La bibliothèque de polices Font Awesome est utilisée ici. Vous pouvez utiliser les polices Microsoft Yahei directement dans la page web sans télécharger les polices. fichier de police.

Ensuite, vous pouvez utiliser le code suivant pour définir la police en CSS :

body {
  font-family: "微软雅黑", sans-serif;
}

Dans cet exemple, nous définissons la famille de polices sur "Microsoft Yahei", et cette valeur correspond au nom de police spécifié. Cet exemple définit également la famille de polices de secours sur « sans-serif » (cette valeur est une classe de police générique que le navigateur utilisera automatiquement si la police spécifiée n'est pas disponible).

Dans cette règle CSS, nous appliquons les paramètres de style à l'élément "body". Cela entraînera le rendu de tout le texte dans la police spécifiée, y compris le corps du texte et les titres.

Si vous souhaitez appliquer des styles à un élément spécifique au lieu de l'ensemble du document, vous pouvez utiliser son sélecteur. Par exemple, la règle de style suivante fera en sorte que tout le texte de l'élément d'en-tête utilise la police Microsoft Yahei :

header {
  font-family: "微软雅黑", sans-serif;
}

En plus de définir la famille de polices, vous pouvez également définir la taille, l'épaisseur, la couleur, etc. Par exemple, le code suivant définit la taille de la police du texte sur 18 pixels, l'épaisseur sur normale et la couleur sur noir :

body {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
}

Où l'attribut "font-size" définit la taille de la police et l'attribut "font-weight" définit la le poids de la police (peut être défini "gras" signifie gras, "normal" signifie police normale), et l'attribut "color" définit la couleur de la police.

Lors de l'utilisation de la police Microsoft Yahei en CSS, nous pouvons également utiliser davantage d'attributs pour contrôler le style et la disposition de la police, tels que : l'espacement des lettres (espacement des lettres), la hauteur de la ligne (hauteur de la ligne), l'alignement du texte (texte). aligné horizontalement) et ainsi de suite.

En bref, utiliser CSS pour définir la police Microsoft Yahei est une compétence fondamentale et importante. La maîtrise de cette compétence peut rendre votre conception Web plus professionnelle et plus belle. J'espère que grâce à l'introduction de cet article, vous maîtrisez initialement comment définir la police Microsoft Yahei en CSS.

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!