Maison  >  Article  >  interface Web  >  Comment définir la police sur 'Microsoft Yahei' en CSS

Comment définir la police sur 'Microsoft Yahei' en CSS

PHPz
PHPzoriginal
2023-04-23 16:42:292460parcourir

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. Par type de police

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. Par type de poids de police

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. Par style de police

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 :

  1. Définir le type de police

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;
  1. Définir le poids de la police

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;
  1. Définir le style de police

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

  1. Confirmez si le système d'exploitation prend en charge la police Microsoft Yahei. Si le système d'exploitation de l'ordinateur sur lequel se trouve le navigateur ne prend pas en charge. Police Microsoft Yahei, quel que soit le nombre de fois qu'elle est définie, elle ne prendra pas effet et l'utilisateur verra la police de sauvegarde.
  2. Lorsque vous utilisez la famille de polices chinoises, vous devez utiliser des guillemets doubles, sinon des erreurs peuvent survenir.
  3. Lorsque vous utilisez la police Microsoft Yahei, si vous définissez la couleur de la police et la couleur d'arrière-plan sur des couleurs trop sombres ou trop claires, la police peut être difficile à reconnaître sous un certain arrière-plan, vous devez donc y prêter attention.
  4. La police Microsoft Yahei n'est pas largement utilisée dans les domaines techniques tels que les mathématiques et la technologie informatique. Par conséquent, elle ne peut pas remplacer d'autres polices dans certains domaines de demande et doit être utilisée en fonction de situations spécifiques.

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!

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