Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

what is the maximum font-weight value in multiples of hundred

Tags:

css

fonts

In CSS when we specify font-weight in multiples of hundred as font-weight: 500; font-weight: 700; so on.

Is there any maximum value for font-weight such that font-weight will be extra bold or maximum at certain range, say : font-weight:1500 like that

like image 830
karthipan raj Avatar asked Oct 23 '13 12:10

karthipan raj


People also ask

What does the font weight values 100 to 700 refer to?

Meaning of relative weights Note that when using relative weights, only four font weights are considered — thin (100), normal (400), bold (700), and heavy (900).

What font weight does 400 mean?

font-weight: 400 is supposed to be equal to normal , while 700 is equal to bold . Finally there are the relative values bolder and lighter that make a bit of text one step bolder or lighter than the default weight (which in turn depends on the absolute font-weight value you defined).

What is the weight of a font?

Font weight is the “value” placed on your font that will determine how bold or light your text will appear. There are many “values” that you can use that provide a great deal of flexibility towards creating the font weight that works best for how you want to display your text.

How is font weight calculated?

The ratio of the thickness of vertical stems in letters like 'l' to its font x-height is a way that type designers measure relative weights. In Lucida Lite (Light) weight, the x-height is 7.3 times the vertical stem thickness. In Lucida normal weight, the x-height is 5.5 times the vertical stem thickness.


2 Answers

900 is the largest value as defined in the CSS2.1 specification:

normal | bold | bolder | lighter
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
inherit

The 'font-weight' property selects the weight of the font. The values '100' to '900' form an ordered sequence, where each number indicates a weight that is at least as dark as its predecessor. The keyword 'normal' is synonymous with '400', and 'bold' is synonymous with '700'. Keywords other than 'normal' and 'bold' have been shown to be often confused with font names and a numerical scale was therefore chosen for the 9-value list.

like image 105
James Donnelly Avatar answered Sep 26 '22 04:09

James Donnelly


font-weight valid range is 100 - 900.

Reference

http://www.css3.com/css-font-weight/

like image 39
Charlie74 Avatar answered Sep 26 '22 04:09

Charlie74