Fonts and Icons

In my Overlay Template design I have been using Awsome Fonts and icons but up till now I have not doumented them.

In addition, I have been using the fonts from the google API (fonts.googleapis.com) and the font family "Raleway". This I inherited from the original Nature Portfolio example on the W3C Schools website.

Revisiting the shopping cart and eCommerce I started to look at what I could do in more detail.

Font Awesome

The syntax for the use of these icons will be posted on this page.

Loading...

Icons used in menus

The development of my current menu system uses these icons.

These include:

• - Cogs with a margin on the right - Fixed width parameter is added
• - Table Header Icon with margin on left
• - Table Header Icon with margin on right - in teal
• - Large Table Header Icon with margin on right - in teal

The use of the margin on the left or right creates an indent for sub-menu items.

Fixed Width

I am not sure if this is necessary, as I inherited the use of the table-header from the Portfolio menu.