Front End Scripts Articles - Page 16 of 60

The font property is used as shorthand to specify the number of other font properties, such as font family, size, style, etc.ExampleYou can try to run the following code to learn how to work with font property:                            Applying all the properties on the text at once.          

The font-size property is used to increase or decrease the font size. The font-size property is used to control the size of fonts. Possible values could be xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, size in pixels or in %.                   This font size is 15 pixels       This font size is small       This font size is large    

The font-weight property is used to increase or decrease how bold or light a font appears. The font-weight property provides the functionality to specify how bold a font is. Possible values could be normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.                   This font is bold.       This font is bolder.       This font is 500 weight.    

The font property is used as shorthand to specify a number of other font properties, such as font family, size, style, etc.ExampleYou can try to run the following code to learn how to work with font property:                            Applying all the properties on the text at once.          

The font-size property is used to increase or decrease the size of a font. The font-size property is used to control the size of fonts. Possible values could be xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, size in pixels or in %.                   This font size is 15 pixels       This font size is small       This font size is large    

The font-weight property provides the functionality to specify how bold a font is. Possible values could be normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900.                   This font is bold.       This font is bolder.       This font is 500 weight.    

To set the font variant, use the font-variant property. Set the font to small-caps and normal. You can try to run the following code to set the font-variant to small-caps with CSS − This text will be rendered as small caps

The font-style property is used to make a font italic or oblique. You can try to run the following code to set the font-style property:                            This text will be rendered in italic style          

To set the font style, use the font-style property. Set the font to italic, normal and oblique.ExampleYou can try to run the following code to set the font-style to italic with CSS:                            Europe, Australia, South America are continents.          

To create a small-caps effect, use the font-variant property.ExampleYou can try to run the following code to learn how to work with font-variant property in CSS:                            Asia, Antartica, Africa are continents