I like to use this arrow "suffix" to indicate a link rather than use the old fashioned underline formatting. Even if you don't use the arrow (you need to copy / paste from here or other page), the link text will still be highlighted in blue
Learn More →
Sample of fonts, etc.
Four font choices are available within the standard menu selections.
It is important to consider the order of importance when selecting fonts - search engines scan a website for headings. Carefully choose the page titles that you show at the top of each page (not necessarily the same as the navigation name but a good, descriptive title for search engines - the engines will capture the essence of the site by our h1 usage).
We can change the color of heading fonts, but the color changes are universal - we can't for instance use a new color to emphasize a section.
There is an additional font choice, "Quote" which we can change to whatever we think will work best - again, it's universal
Beyond the standard drop-down menu text size selections, we can add three heading fonts. See below.
This is Heading 1 Text - 36 pt italic BOLD
Line spacing is 1.2em - this should be used for page headlines
This is Heading 2 Text - 24 pt italic BOLD - Line spacing 1.2em - tighter for headlines
it's always in CAPS
This should be used for section headlines
This is Heading 3 Text - 24 pt italic BOLD
This is the same size as Heading 2 - not condensed and not automatically bolded
Line spacing is 1.5em for greater readability
Use for emphasis
This is normal text - 14 pt - Line spacing 1.5em
it can be bolded and italicized for selected words
Links show in normal text
Links are not shown for Headings - they work but if you can see they are a link, it's not of much use
These additional headings also available (see below):
Additional headings are possible, but only through the use of the Markdown Block - not the standard text box.
In the Markdown box:
<h4>Insert your text here</h4>
If you want a soft return insert <br>
If you want a hard (paragraph spacing) return insert </p>
This is h4 text
This is h5 text
This is h6 text
Markdown Blocks are handy!
<p align="right">This is some text in a paragraph.</p>
This is some text in a paragraph.
This is our Quote style
It can also be used for emphasis or adding another font style. This is set up to change the font, the size (use em) and color (can use hex code as well as basic names of colors).
We chose the less costly of the two “low cost” plans the department had developed…a plan that…relied heavily on the cereals, dry beans, peas, nuts, and potato groups…the less expensive items.
This is a test of quote in css for Bitter
To change the color and font for a few words of body text, use the Markdown block:
Roses are <span style="color:red; font-family:Georgia; font-size:2em;">red.</span>
to bold add <b> before and </b> after text to be bolded (inside spans)
for superscript: <p>This text contains <sup>superscript</sup> text.</p>
em is a percentage measurement and indicates the proportion to the usual font, or line spacing
you may specify any font - stick with google fonts for best results and fastest loading
Which will result in:
Roses are red.
$1.00 invested in improving a child's educational outcomes from pre-K through 4th Grade will return $8.24 to society.
A student who drops out before finishing high school will cost society $755,900 over their lifetime due to the price of incarceration, public welfare, and other factors such as how much less they pay in taxes.
$25 font-family: 'Oswald'; font-style: normal; font-weight: 400;
$25 Indie Flower
$25 Indie Flower