Quote:
Originally Posted by Hitch
Well...gods know I have tons of advice. Whether any of it is useful or not is not necessarily guaranteed. ;-)
Can you give me some better examples of what it is you are not achieving? I am, literally, not following. You should not have any issues applying regular styling to paragraphs that have fonts, unless (no offense) you are doing something wrong. I mean, see attached. All of those are styled--a BOATLOAD, particularly the one with the sidebar. (I think that the Ollie North book only has a chapter-head font, but...same diff.)
Can we get some actual code samples in here? Otherwise, I'm really flailing.
Hitch
|
Hello Hitch, Sorry I've taken so long to post a reply. Here is the code I'm using. It works, but I don't understand why I had to do it this way.
@font-face { font-family: marg; /* named after person writing */
font-style: normal;
font-weight: normal;
src:url(AlexBrush-Regular.ttf); }
.marg
{font-family: marg, serif;
font-size: 150%;
font-weight: normal;
line-height: 100%;
margin-top: 0%;
margin-bottom: 0.5%;
text-align: left;
text-indent: 0%;}
.margindent
{font-family: marg, serif;
font-size: 150%;
font-weight: normal;
line-height: 100%;
margin-top: 0%;
margin-bottom: 0%;
text-align: left;
text-indent: 50%;}
div.letter /* For handwritten font script used in personal letters */
{margin-top: 1%;
margin-bottom: 1%;
margin-left: 1%;
margin-right: 1%;}
<div class="letter">
<br />
<p class="margindent">London,</p>
<p class="margindent">October 29, 1898.</p>
<p class="marg">Dear Raymond,</p>
<p class="marg">
How horrible it must have been to have your leg amputated and become a crippled invalid. However, our lives must go on, and as you well know I abhor imperfection of person and therefore regret to inform you that I have engaged Messrs. Radford and Wilson to seek a divorce. I'm sure you will find solace in your desire to maintain my personal happiness.
</p>
<p class="marg">Margaret</p>
</div>
I found I could not get the font to work if I tried to declare the font as:
<div class="letter marg">. I had to set the font class on every paragraph.
As well, I could not get the font to indent unless I used a separate declaration and repeated all the selectors used in the "marg" class.
I was expecting something like this would work:
.marg (selectors as above)
.margindent
{text-indent: 50%;}
<div class="letter marg">
<br />
<div class="margindent>
<p>London,</p>
<p>October 29, 1898.</p>
</div>
<p >Dear Raymond,</p>
<p>
How horrible …
</p>
<p>Margaret</p>
</div>
So, what do you think I did wrong?
Tony