Charis SIL

Usage for Web Developers

Add this code to your stylesheet:

@font-face {
	font-family: CharisSIL;
	src: url('https://www.pwnhc.ca/webfonts/CharisSIL-R.eot?#iefix') format('embedded-opentype'), /* IE8 fix */
	url('https://www.pwnhc.ca/webfonts/CharisSIL-R.woff') format('woff');
}
@font-face {
	font-family: CharisSIL;
	font-style: italic;
  	src: url('https://www.pwnhc.ca/webfonts/CharisSIL-I.eot?#iefix') format('embedded-opentype'), /* IE8 fix */
  	url('https://www.pwnhc.ca/webfonts/CharisSIL-I.woff') format('woff');
}
@font-face {
	font-family: CharisSIL;
	font-weight: bold;
  	src: url('https://www.pwnhc.ca/webfonts/CharisSIL-B.eot?#iefix') format('embedded-opentype'), /* IE8 fix */
  	url('https://www.pwnhc.ca/webfonts/CharisSIL-B.woff') format('woff');
}
@font-face {
	font-family: CharisSIL;
	font-weight: bold;
	font-style: italic;
  	src: url('https://www.pwnhc.ca/webfonts/CharisSIL-BI.eot?#iefix') format('embedded-opentype'), /* IE8 fix */
  	url('https://www.pwnhc.ca/webfonts/CharisSIL-BI.woff') format('woff');
}

Call the font as you would for any standard system font within your stylesheet:

	font-family: CharisSIL, 'Times New Roman', Times, serif;

Character Table

Check the font's ability to correctly place diacritical marks with the character tables below:

Regular

Italic

Bold

Bold Italic