Maison > Article > interface Web > Comment définir la police sur 'Microsoft Yahei' en CSS
Dans la conception Web, la sélection et le paramétrage des polices sont très importants et peuvent affecter directement la lisibilité et l'esthétique de la page Web. La police Microsoft Yahei de Microsoft Corporation est très appréciée et sélectionnée par la majorité des concepteurs et des ingénieurs front-end. Cet article présentera en détail comment utiliser les polices Microsoft Yahei en CSS et expliquera les concepts associés et les techniques d'utilisation des polices.
1. Concept de police
En CSS, les polices sont divisées en trois catégories : les types basés sur le type de police, les types basés sur le poids (épaisseur) de la police et les types basés sur le style de police. Ce qui suit est la classification et l’introduction spécifiques.
1) Police Serif : avec des lignes décoratives, telles que Song Dynasty, Times New Roman, etc.
2) Police sans empattement : pas de lignes décoratives, comme Microsoft Yahei, Arial, etc.
3) Police monospace : Chaque caractère occupe la même largeur, comme Courier New, Consolas, etc.
1) Poids de police normal : poids de police normal.
2) Poids de la police en gras : poids de la police en gras.
3) Poids de police plus gras : poids de police extrêmement gras.
4) Poids de police plus léger : plus léger que le poids de police normal.
1) Police normale : style de police normal.
2) Police oblique : le texte est incliné, semblable à l'italique.
3) Police italique : Le texte est droit, mais un peu incliné, et le style du texte est incliné.
2. Méthode de définition de la police CSS
En CSS, vous pouvez définir le type de police, l'épaisseur de la police et le style de police via l'attribut font. Voici la méthode de configuration spécifique :
Le type de police peut être défini via la propriété font-family. Plusieurs types de police peuvent être séparés par des virgules anglaises. Les types de police seront appliqués de gauche à. à droite selon la priorité sur l'élément. Par exemple, le code suivant appliquera la police Microsoft Yahei et la police SimSun :
font-family: "微软雅黑", SimSun, serif;
Le poids de la police peut être défini via l'attribut font-weight. La valeur de l'attribut peut être normale (épaisseur de police normale), en gras. (police en gras) ), plus gras (plus lourd), plus clair (plus léger) ou un chiffre (valeur de poids de 100 à 900). Par exemple, le code suivant définira le texte avec une épaisseur de police plus grasse :
font-weight: bolder;
Le style de police peut être défini via l'attribut font-style. La valeur de l'attribut peut être normale (style normal), italique. (italique), oblique ( oblique), où italique est italique et oblique est oblique. Par exemple, le code suivant définit le texte en italique :
font-style: italic;
3. Précautions d'utilisation de la police Microsoft Yahei
En bref, les polices en CSS sont si simples et faciles à apprendre Si vous souhaitez rendre l'interface Web plus belle, la sélection et le réglage des polices sont très importants. Maîtriser les concepts et les techniques liés aux polices peut rendre vos pages Web plus remarquables. Si vous souhaitez utiliser la police Microsoft Yahei, définissez simplement la propriété font-family dans le fichier CSS sur "Microsoft Yahei". Vous devez également faire attention à l'utilisation de guillemets doubles, si le système d'exploitation les prend en charge et si ceux-ci sont appropriés. couleur et style. Attendez les détails pour obtenir de meilleurs résultats.
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!