Google Sites Examples




Add to your Google Plus 

Google Sites Examples for Mobile
Mobile Site Version - Google Sites Examples


.1. Font Type


 
Menu: 
WYSIWYG HTML
 Next:
2. Text Size

Font Type Html

Change the font or font 'face' using the WYSIWYG menu bar in Google Sites. A small selection of fonts are avaiable. 

There are also a large collection of 'System' Fonts available within Google Sites.

Manage Site > Colors and Fonts

These Google Sites 'System' Fonts can be used Site wide without the need for additional HTML Tags/CSS.

Font Type WYSIWYG Menu


Font Type Html Examples

Add fonts directly from the WYSIWYG Menu Bar .

Font - Normal

FontNormal/Serif 

Font - Courier New

Font Georgia

Font Trebuchet

Font Verdana

Non WSIWYG Example

Manually add your own fonts using the <HTML> button in the Menu Bar .
<font face="Arial" >Arial Font</font>

More Fonts

Standard Font Type HTML Code

<font face="georgia,serif" >Georgia Font</font>

Google Sites Font Type HTML Code

Google Sites filters the Font Type HTML code, even when html is edited manually.

<font face="georgia,serif" >Georgia Font</font>

Google Sites Creates an Additional face attribute for the Font Type tag.

The Inline CSS style attribute can also be used, by clicking the <HTML> button in the Menu Bar .

<font style="font-family:Arial" >Inline CSS - ARIAL Font</font>

Inline CSS

 
Menu: 
WYSIWYG HTML
 Next:
2. Text Siz




Font Type Html - Live Example

Edit your HTML live here: