Maison >interface Web >Questions et réponses frontales >Quels sont les attributs pour définir les polices en HTML ?
Définir les attributs de police en HTML : police, font-family, font-size, font-style, font-variant, font-weight, "@font-face", font-size-adjust, font-stretch .
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Les propriétés de police définissent la police, le gras, la taille et le style du texte.
Définir les attributs de police en HTML
属性 | 说明 |
---|---|
font | 在一个声明中设置所有字体属性 |
font-family | 规定文本的字体系列 |
font-size | 规定文本的字体尺寸 |
font-style | 规定文本的字体样式 |
font-variant | 规定文本的字体样式。设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。 |
font-weight | 规定字体的粗细 |
@font-face | 一个规则,允许网站下载并使用其他超过"Web- safe"字体的字体 |
font-size-adjust | 为元素规定 aspect 值。为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。 |
font-stretch | 收缩或拉伸当前的字体系列。对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。 |
Informations étendues :
En HTML/CSS, il existe deux types du nom de la famille de polices :
Famille de polices universelle - une combinaison de systèmes de polices avec une apparence similaire (comme "Serif" ou "Monospace")
Famille de polices spécifique - Une famille de polices spécifique (telle que "Times" ou "Courier")
Generic family | 字体系列 | 说明 |
---|---|---|
Serif |
Times New Roman Georgia |
Serif字体中字符在行的末端拥有额外的装饰 |
Sans-serif |
Arial Verdana |
"Sans"是指无 - 这些字体在末端没有额外的装饰 |
Monospace |
Courier New Lucida Console |
所有的等宽字符具有相同的宽度 |
La propriété font-family doit définir plusieurs noms de polices comme un seul " mécanisme de secours", si le navigateur ne prend pas en charge la première police, il essaiera la police suivante.
Remarque : Si le nom de la famille de polices comporte plusieurs caractères, il doit être entre guillemets, par exemple Famille de polices : "宋体".
Plusieurs familles de polices sont spécifiées en les séparant par une virgule :
p{font-family:"Times New Roman", Times, serif;}
Voici quelques combinaisons de polices et familles de polices courantes utilisées.
Police Serif
Police | Exemple de texte|||||||||
---|---|---|---|---|---|---|---|---|---|
Géorgie, empattement |
Ceci est un titreCeci est un paragraphe
|
||||||||
Ceci est un titreCeci est un paragraphe |
|||||||||
"Times New Roman", Times, serif |
Ceci est un titreCeci est un paragraphe | tr>
sans - serif字体
字体 | 文本示例 | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Arial, Helvetica, sans-serif |
Ceci est un titreCeci est un paragraphe
|
||||||||||||||||||
Arial Black, Gadget, sans-serif |
Ceci est un titreCeci est un paragraphe |
||||||||||||||||||
"Comic Sans MS", cursive, sans empattement |
Ceci est un titreCeci est un paragraphe |
||||||||||||||||||
Impact, Charbon, sans empattement |
Ceci est un titreCeci est un paragraphe
|
||||||||||||||||||
"Lucida Sans Unicode", "Lucida Grande", sans-serif |
Ceci est un en-têteCeci est un paragraphe |
||||||||||||||||||
Tahoma, Genève, sans-serif |
Ceci est un titre |
||||||||||||||||||
"Trebuchet MS", Helvetica, sans-serif |
Ceci est un titreCeci est un paragraphe |
||||||||||||||||||
Verdana, Genève, sans-serif |
Ceci est un titreCeci est un paragraphe |
字体 | 文本示例 |
---|---|
"Courier New", Courrier, monospace |
Ceci est un titreCeci est un paragraphe |
"Console Lucida", Monaco, monospace |
Ceci est un titreCeci est un paragraphe |
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!