ImageGrid/Viewer/css/fonts.css

/**********************************************************************
*
*
**********************************************************************/

/* Open Sans 
*	- line spacing a bit too large...
*/
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-Regular.ttf);
}
@font-face {
	font-family: 'OpenSans-Light';
	src: url(fonts/Open_Sans/OpenSans-Light.ttf);
}
/*
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-ExtraBold.ttf);
	font-weight: bolder;
}
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf);
	font-weight: bolder;
	font-style: italic;
}
@font-face {
	font-family: OpenSans;
	src: url(fonts/Open_Sans/OpenSans-LightItalic.ttf);
	font-weight: lighter;
	font-style: italic;
}
*/



/* Work Sans 
*	- does not have an explicit italic face but seems to look ok when 
*	  slanted programmatically...
*/
/*
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-Thin.ttf);
	font-weight: 100;
}
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-ExtraLight.ttf);
	font-weight: 200;
}
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-Light.ttf);
	font-weight: 300;
}
*/
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-Regular.ttf);
	font-weight: 400;
}
/*
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-Medium.ttf);
	font-weight: 500;
}
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-SemiBold.ttf);
	font-weight: 600;
}
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-Bold.ttf);
	font-weight: 700;
}
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-ExtraBold.ttf);
	font-weight: 800;
}
@font-face {
	font-family: WorkSans;
	src: url(fonts/Work_Sans/WorkSans-Black.ttf);
	font-weight: 900;
}
*/



/* Source Sans Pro */
/*
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-ExtraBold.ttf);
	font-weight: bolder;
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-ExtraBoldItalic.ttf);
	font-weight: bolder;
	font-style: italic;
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-Light.ttf);
	font-weight: lighter;
}
@font-face {
	font-family: SourceSansPro;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-LightItalic.ttf);
	font-weight: lighter;
	font-style: italic;
}
*/



/* Arimo 
*	- bold face a bit too narrow
*/
/*
@font-face {
	font-family: Arimo;
	src: url(fonts/Arimo/Arimo-Regular.ttf);
}
@font-face {
	font-family: Arimo;
	src: url(fonts/Arimo/Arimo-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: Arimo;
	src: url(fonts/Arimo/Arimo-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: Arimo;
	src: url(fonts/Arimo/Arimo-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
*/



/* Roboto */
/*
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-ExtraBold.ttf);
	font-weight: bolder;
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-ExtraBoldItalic.ttf);
	font-weight: bolder;
	font-style: italic;
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-Light.ttf);
	font-weight: lighter;
}
@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto/Roboto-LightItalic.ttf);
	font-weight: lighter;
	font-style: italic;
}
*/

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/MaterialIcons/MaterialIcons-Regular.eot); /* IE6-8 */
	src: local('Material Icons'), 
		local('MaterialIcons-Regular'), 
		url(fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'), 
		url(fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'), 
		url(fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
	font-family: 'Material Icons';
	/*
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	*/

	vertical-align: middle;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility; /* Safari and Chrome */
	font-feature-settings: 'liga'; /* IE */
}
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/*********************************************************************/