My page comprises five columns. In columns 2 and 4 I have an iframe.

The column 2 iframe is defined by
<iframe src="Martin Family Tree1.html" title="Martin Family" width="100%" height="1000px" style="border:none" > </iframe>

The Martin Family Tree1.html file contains a list of names which will link to individual stories.

Each of the names in this iframe has a link like

<a href="01 Jesse Martin.htm" target="myFrame">Jesse Martin</a>

so when I click on the name the relevant file opens in the column 4 iframe.

The column 4 iframe is defined by

<iframe src="" name="myFrame" width="100%" height="1000px" style="border:none"></iframe>

I left the src=”” blank because I want that iframe to be empty until one of the names from Column 2 is clicked.

The links work. When a name is clicked the relevant file opens in the column 4 iframe.

My CSS stylesheet called Martin.css contains this segment


body { font-family: Arial, sans-serif; background-color: wheat; }

Each of my HTML files contains this line

<link rel="stylesheet" href="Martin.css">

which then causes the files to display in Arial, which is what I want.

So if I just open one of the named files the font is Arial.

However when the files are opened using the links from my column 2 to the column 4 iframe, the Arial font is lost.

What settings do I need to change in order that my Arial font remains?

Thank you.

Robert