HTML |画布字体属性

HTML 画布字体属性用于更改 元素的文本内容的当前字体系列。字体属性有一个默认属性，即10px sans-serif

句法：

context.font="italic small-caps bold 12px arial"; 

属性值：

• font-family：用于设置 HTML 元素的字体类型。它包含多个字体名称作为后备
• font-style：用于指定 HTML 元素的字体样式。它可以是“正常、斜体或斜体”。
• font-weight：用于设置字体的粗细。它的值可以是“ normal 、 bold 、 lighter 、 bolder ”。
• font-variant：用于创建小型大写效果。它可以是“普通股或小型股”。
• font-size：用于设置 HTML 元素的字体大小。字体大小可以用不同的方式设置，比如“像素、百分比、 em，或者我们可以设置像小、大”等值。
• 标题：使用字体标题控件（如按钮、下拉菜单等）
• icon：使用用于标记图标的字体。
• menu：使用菜单中使用的字体（下拉菜单和菜单列表）。
• message-box：使用对话框中使用的字体。
• small-caption：使用用于标记小控件的字体
• status-bar：使用窗口状态栏中使用的字体。

例子：

  

    
      HTML canvas font Property
  

  

  
    
      GeeksForGeeks
  
    
      HTML canvas font Property
  
    
  
  
    
        var c = document.getElementById("sudo");
        var ctx = c.getContext("2d");
        ctx.font = "40px Arial";
        ctx.fillText("GeeksForGeeks", 10, 50);
    
  

  

输出：

支持的浏览器： HTML canvas font 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果Safari
• 歌剧