This text uses font-stretch:semi-condensed. This text uses font-stretch:extra-condensed. You can stretch your fonts horizontally by using the font-stretch property. This text has a font-size-adjust value of 0.58. Note: At the time of writing, most browsers don't support this property, therefore, don't be surprised if you can't see any difference in this example. Using this property can make your font more legible. This font code can be used if you're using a font that's hard to read at a given size. The font-size-adjust property scales the x-height of your font. Now we'll look at some of the less commonly used font codes. Examples below: Source Codeįont-style:inherit (ie, inherit style from parent element). The font-style property enables you to specify italics and oblique font styles. If your browser doesn't render these properly, you'll probably only see two levels of bold. Therefore, the most common values are bold and normal (which overrides any bold setting). Although this font code allows you to specify various levels of boldness, most browsers can only render two levels (bold and normal). To set text to bold, use the font-weight property. Here are some examples of setting the font size using different values: Source Codeįont size using a percentage value (130%).įont size using an absolute value (medium).įont size using a relative value (larger). This property accepts various values, including a pixel size, points, percentage value, and more.

To change the size of the font, you can use the font-size property. The font-family property enables you to change the font. It allows you to set the font family - often simply referred to as 'font' (eg, 'How do I change the font?').

The font-family property is probably the most common font property. If you only need to set one or two font properties, you might prefer to use the explicit font property, rather than the shorthand property as outlined above. Sample text to demonstrate HTML font code. The font property enables you to set the following properties: font-style, font-variant, font-weight, font-size, line-height, and font-family. The font property is shorthand code that allows you to set multiple font properties in one go. The following font codes contain the word word 'font' in their name eg, font-size, font-stretch etc.Īlso see text codes, which are the properties that contain 'text' in their name eg, text-transform, text-align etc.

Notepad ++ font