Latest web development tutorials

HTML attributs de police de toile

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

30 pixels pour écrire un texte sur la toile, en utilisant la police "Arial":

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome et Safari font de support attributs.

Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.


Définition et utilisation

ensembles de propriétés de police ou retourne les propriétés de police actuelles du texte sur le contenu de la toile.

Grammaire et de police des attributs utilisés CSS police propriétés identiques.

Par défaut: 10px sans-serif
Syntaxe JavaScript: contexte .font = "small-caps italiques12px Arial Bold";

Valeur de la propriété

描述
font-style 规定字体样式。可能的值:
  • normal
  • italic
  • oblique
font-variant 规定字体变体。可能的值:
  • normal
  • small-caps
font-weight 规定字体的粗细。可能的值:
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size/line-height 规定字号和行高,以像素计。
font-family 规定字体系列。
caption 使用标题控件的字体(比如按钮、下拉列表等)。
icon 使用用于标记图标的字体。
menu 使用用于菜单中的字体(下拉列表和菜单列表)。
message-box 使用用于对话框中的字体。
small-caption 使用用于标记小型控件的字体。
status-bar 使用用于窗口状态栏中的字体。


HTML Manuel toile de référence HTML Manuel toile de référence