recherche
Maisoninterface Webtutoriel CSSComment définir le style de police en CSS

Dans les pages Web, nous définissons souvent la police du texte de la page Web. Utilisez l'attribut font-family pour définir le style de police. Aujourd'hui, nous allons donc vous apprendre à configurer les polices HTML en polices CSS.

Paramètre de police HTML d'origine

Code de paramètre de police de texte HTML :

<font face="黑体">我是黑体字</font>

Paramètre de police CSS

Mot d'attribut de police CSS

font-family

Utilisation de la police CSS font-family :

font-family:"设置字体名称";

exp :

Exemple de code d'application CSS :

.div{ font-family:"黑体";}

HTML correspondant code :

<div class="div">我也是黑体字体</div>

Remarque : Le cas de police CSS font-family ci-dessus inclut les paramètres de police HTML d'origine et les paramètres de police CSS.

Compétences en matière de sélection de polices

Les polices CSS sont courantes. Nous utilisons deux polices chinoises : "Hei" et "Songti". Pourquoi est-ce parce que lorsque la page Web est chargée pour sélectionner la police, le système visiteur est appelé. La police de texte de la bibliothèque de texte. Si la police n'est pas trouvée, la police Web par défaut sera affichée. Les systèmes d'exploitation installés par tout le monde (XPVISTAWIN7 et autres systèmes) incluent ces polices chinoises par défaut. De cette façon, nous devons utiliser les polices fournies avec le système d'exploitation de chacun comme polices Web, nous ne pouvons donc pas définir les polices de texte que nous installons séparément. Si nous définissons une police que nous avons installée séparément, le style de police sera défini sur notre propre ordinateur et lorsque d'autres utilisateurs parcourront cette page Web, les polices de texte de cette page Web changeront radicalement.

sélection de polices font-family

Nous avons introduit les compétences de sélection des propriétés et des valeurs CSS dans le cours VIP.

Nous recommandons 4 polices couramment utilisées :

Arial, Helvetica, Microsoft YaHei, Arial, Helvetica, sans-serif.

résumé de la famille de polices

Utilisez la famille de polices CSS pour définir la police du texte objet Veillez à utiliser les polices couramment utilisées et ne définissez pas les polices que vous avez définies. installées comme polices de la page Web, de sorte que lorsque d'autres personnes parcourent votre page Web, il n'y aura pas de police de ce type, ce qui entraînera un texte inesthétique. Polices généralement recommandées : Heilongjiang, Songti, Microsoft Yahei, Arial, Helvetica, sans-serif.

C'est tout pour les méthodes de configuration des polices et les notes J'espère que vous pourrez le maîtriser. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture connexe :

Comment utiliser l'attribut padding en CSS

convertisseur d'édition HTML

Comment savoir si le navigateur prend en charge le HTML


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
Draggin & # 039; et droppin & # 039; en réactionDraggin & # 039; et droppin & # 039; en réactionApr 17, 2025 am 11:52 AM

L'écosystème React nous offre de nombreuses bibliothèques qui se concentrent sur l'interaction de la glisser et de la chute. Nous avons react-dnd, react-beeufuly-dnd,

Logiciel rapideLogiciel rapideApr 17, 2025 am 11:49 AM

Il y a eu des choses merveilleusement interconnectées à propos des logiciels rapides ces derniers temps.

Gradients imbriqués avec un clip de fondGradients imbriqués avec un clip de fondApr 17, 2025 am 11:47 AM

Je ne peux pas dire que j'utilise souvent le clip de fond. Je ne parierai presque presque jamais dans le travail CSS au jour le jour. Mais je me suis souvenu de cela dans un post de Stefan Judis,

Utilisation de la réalisation de demandes avec des crochets ReactUtilisation de la réalisation de demandes avec des crochets ReactApr 17, 2025 am 11:46 AM

L'animation avec des demandes de châssis devrait être facile, mais si vous n'avez pas lu de manière approfondie de la documentation de React, vous rencontrerez probablement quelques choses

Besoin de faire défiler en haut de la page?Besoin de faire défiler en haut de la page?Apr 17, 2025 am 11:45 AM

Peut-être le moyen le plus simple d'offrir cela à l'utilisateur est un lien qui cible un ID sur l'élément. Tellement comme ...

La meilleure API (GraphQL) est celle que vous écrivezLa meilleure API (GraphQL) est celle que vous écrivezApr 17, 2025 am 11:36 AM

Écoutez, je ne suis pas un expert GraphQL mais j'aime travailler avec. La façon dont elle expose les données en tant que développeur frontal est assez cool. C'est comme un menu de

Actualités de plate-forme hebdomadaire: bookmarklet d'espacement de texte, attente de haut niveau, nouvel indicateur de chargement d'ampliActualités de plate-forme hebdomadaire: bookmarklet d'espacement de texte, attente de haut niveau, nouvel indicateur de chargement d'ampliApr 17, 2025 am 11:26 AM

Au cours de cette semaine, un Bookmarklet pratique pour inspecter la typographie, en utilisant Await pour bricoler comment les modules JavaScript s'importent, ainsi que Facebook & # 039; S

Diverses méthodes pour étendre une boîte tout en préservant le rayon de la frontièreDiverses méthodes pour étendre une boîte tout en préservant le rayon de la frontièreApr 17, 2025 am 11:19 AM

J'ai récemment remarqué un changement intéressant sur Codepen: sur le plan des stylos sur la page d'accueil, il y a un rectangle avec des coins arrondis se développant dans le dos.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Puissant environnement de développement intégré PHP

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel