I've made several attempts to declare the font family I want and ended up with varying strange and unwanted results.
This is what I want: Verdana, Arial, Helvetica, sans-serif
Applied to the entire document:
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/imagetesttwo.html">http://www.maps-gps-info.com/imagetesttwo.html</a><!-- m -->
except the logo at the top.
The help is appreciated.In your style sheet:
body { font-family: Verdana, Arial, Helvetica, sans-serif; }Thank you, ray326, that worked.
However the text is now right and left justified (I think that's what you call it) making for some clumsy extra spacing between words in places.
Any way around that other than hyphenating and using <br> after each offending line?
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/imagetesttwo.htmlYou">http://www.maps-gps-info.com/imagetesttwo.htmlYou</a><!-- m --> have:
.block p {
margin : 0 40px;
text-align : justify;
}
Remove the 'justify' if it is not required.I agree with Fang. Full justification is a rather obsolete concept that was originally used to make sure every bit of space on a page was put to use. Justified text, although it looks neat sometimes, is generally harder to read than normal alignments and can really look weird when the font size is large relative to the column width, as you've noticed.
So my first recommendation would be to drop the justification. If you must leave it in then reduce the size of the font. Finally, don't try to force the lines with breaks and such because that will ultimately fail when some views your page with a different browser setup than your's.
This is what I want: Verdana, Arial, Helvetica, sans-serif
Applied to the entire document:
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/imagetesttwo.html">http://www.maps-gps-info.com/imagetesttwo.html</a><!-- m -->
except the logo at the top.
The help is appreciated.In your style sheet:
body { font-family: Verdana, Arial, Helvetica, sans-serif; }Thank you, ray326, that worked.
However the text is now right and left justified (I think that's what you call it) making for some clumsy extra spacing between words in places.
Any way around that other than hyphenating and using <br> after each offending line?
<!-- m --><a class="postlink" href="http://www.maps-gps-info.com/imagetesttwo.htmlYou">http://www.maps-gps-info.com/imagetesttwo.htmlYou</a><!-- m --> have:
.block p {
margin : 0 40px;
text-align : justify;
}
Remove the 'justify' if it is not required.I agree with Fang. Full justification is a rather obsolete concept that was originally used to make sure every bit of space on a page was put to use. Justified text, although it looks neat sometimes, is generally harder to read than normal alignments and can really look weird when the font size is large relative to the column width, as you've noticed.
So my first recommendation would be to drop the justification. If you must leave it in then reduce the size of the font. Finally, don't try to force the lines with breaks and such because that will ultimately fail when some views your page with a different browser setup than your's.