Fonts Example


To use these different styles, simply copy and paste the text from this page into the post editor.


Pink Text Heading

Cursive Text Heading

Pink Highlight Heading


Pink Cursive Heading

Pink Highlight Cursive Heading


Bold Pink Text Heading

Bold Cursive Text Heading

Bold Pink Highlight Heading


Bold Pink Cursive Heading

Bold Pink Highlight Cursive Heading


Pink Text Heading

Cursive Text Heading

Pink Highlight Heading

Pink Cursive Heading

Pink Highlight Cursive Heading


Heading with a different font

Pink Heading with a different font

Pink Highlight Heading with a different font


A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph.


A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph.


This is what the above examples look like when you switch from the Visual editor mode, into Text mode:

<h1 class=”pink-text” dir=”ltr”>Pink Text Heading</h1>
<h1 class=”cursive” dir=”ltr”>Cursive Text Heading</h1>
<h1 class=”pink-highlight” dir=”ltr”>Pink Highlight Heading</h1>

<hr />

<h1 class=”pink-text cursive” dir=”ltr”>Pink Cursive Heading</h1>
<h1 class=”pink-highlight cursive” dir=”ltr”>Pink Highlight Cursive Heading</h1>

<hr />

<h1 class=”pink-text” dir=”ltr”><strong>Bold Pink Text Heading</strong></h1>
<h1 class=”cursive” dir=”ltr”><strong>Bold Cursive Text Heading</strong></h1>
<h1 class=”pink-highlight” dir=”ltr”><strong>Bold Pink Highlight Heading</strong></h1>

<hr />

<h1 class=”pink-text cursive” dir=”ltr”><strong>Bold Pink Cursive Heading</strong></h1>
<h1 class=”pink-highlight cursive” dir=”ltr”><strong>Bold Pink Highlight Cursive Heading</strong></h1>

<hr />

<h2 class=”pink-text” dir=”ltr”>Pink Text Heading</h2>
<h2 class=”cursive” dir=”ltr”>Cursive Text Heading</h2>
<h2 class=”pink-highlight” dir=”ltr”>Pink Highlight Heading</h2>
<h2 class=”pink-text cursive” dir=”ltr”>Pink Cursive Heading</h2>
<h2 class=”pink-highlight cursive” dir=”ltr”>Pink Highlight Cursive Heading</h2>

<hr />

<p class=”pink-text”>
A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph. A pink paragraph.
</p>

<hr />

<p class=”cursive”>
A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph. A cursive paragraph.
</p>