HTML Font Style Code

In HTML, font style is specified using CSS (Cascading Style Sheets). Font style refers to whether the font is presented in italics or normal. You can use the following HTML code to specify font style within your HTML documents.

<p style="font-style:normal;">Font style is normal</p>
<p style="font-style:italic;">Font style is italic <span style="font-style:normal"> back to normal</span> back to italics again.</p>

The above code uses inline styles. Inline styles are when you place the CSS right inside the HTML tag using the style attribute (eg, style="font-style:blue;").

Example using Embedded Style Sheets

As with any CSS code, you should place it into an embedded style sheet, or even better, an external style sheet where appropriate.

Here's an example using embedded style sheets:

<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<style>
.normal {
  font-style: normal;
  }
.italic {
  font-style: italic;
  }
</style>
</head>
<body>
<p class="normal">Font style is normal</p>
<p class="italic">Font style is italic <span class="normal"> back to normal</span> back to italics again.</p>	
</body>
</html>

Font Properties

You can do much more with fonts. Here are the different CSS font/text properties:

font (this sets many of the following font properties)
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
letter-spacing
line-height
color
background-color
text-align
text-decoration
text-indent
text-shadow
text-transform

You can also format your HTML text using the HTML text generator.

HTML Font Style Code

Example using Embedded Style Sheets

Font Properties

Related