Tapestry provides several custom styles that you can use in your node or block content. This page shows examples of these custom styles. See this handbook page for instructions on using the custom typography on your site.

This is an h1 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is an h2 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is an h3 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is an h4 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

This is the alert style. To use this style in you node or block content, wrap your text with the following HTML: <span class="alert">...</span>
This is the help style. To use this style in you node or block content, wrap your text with the following HTML: <span class="help">...</span>
This is the note style. To use this style in you node or block content, wrap your text with the following HTML: <span class="note">...</span>
This is the xfer style. To use this style in you node or block content, wrap your text with the following HTML: <span class="xfer">...</span>

This is the pre tag. To use this style in you node or block 
content, wrap your text with the following HTML: <pre>...</pre>

/* typography */
fieldset,img {
	border: none;
}

body  {
	font: 100%/1.25em Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

This is the blockquote tag. To use this style in you node or block content, wrap your text with the following HTML: <blockquote>...</blockquote>