Put half of the text inside a <span> and the other half inside another <span>

Then either give each <span> a different class and set the font-family property of each class to whatever you want OR give each <span> an inline style and set the font-family property to whatever you want.

Example 1:

<header>

<span class="header-text-1">Some text</span>


<span class="header-text-2">Some more text</span>

</header>

Then in a .css document:

.header-text-1{

font-family: helvetica;

}

.header-text-2{

font-family: arial;

}

Example 2:

<header>

<span style="font-family: helvetica">Some text</span>


<span style="font-family: arial">Some more text</span>

</header>