MDN’s new design is in Beta! A sneak peek:

我們的志工尚未將本文翻譯為 正體中文 (繁體) 版本。加入我們,幫忙翻譯!
您也可以閱讀本文的 English (US) 版本。

« SVG Attribute reference home

The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css font-weight for further information.

Usage context

Categories Presentation attribute
Value normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Keyword meanings

  • bold is equivalent to 700
  • normal is equivalent to  400
  • bolder and lighter will instruct the browser to use a thicker or thinner font-weight (respectively) compared to the current element's parent. Child elements will inherit the resulting calculated font weight.


Many fonts only have 400 and 700 weights available. Available weights may vary font-to-font.



p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}


<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>


The following elements can use the font-weight attribute

See also


 此頁面的貢獻者: alanhogan, dhaval, Jeremie
 最近更新: alanhogan,