/* Regular */
@font-face {
	font-family: 'SanFrancisco';
	src: url('SanFrancisco.eot?#iefix') format('embedded-opentype'),
		 url('SanFrancisco.otf')  format('opentype'),
		 url('SanFrancisco.woff') format('woff'),
		 url('SanFrancisco.ttf')  format('truetype'),
		 url('SanFrancisco.svg#SanFrancisco') format('svg');
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* Light */
@font-face {
	font-family: 'SanFrancisco';
	src: url('SanFrancisco-Light.eot?#iefix') format('embedded-opentype'),
		 url('SanFrancisco-Light.otf')  format('opentype'),
		 url('SanFrancisco-Light.woff') format('woff'),
		 url('SanFrancisco-Light.ttf')  format('truetype'),
		 url('SanFrancisco-Light.svg#SanFrancisco-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* Medium */
@font-face {
	font-family: 'SanFrancisco';
	src: url('SanFrancisco-Medium.eot?#iefix') format('embedded-opentype'),
		 url('SanFrancisco-Medium.otf')  format('opentype'),
		 url('SanFrancisco-Medium.woff') format('woff'),
		 url('SanFrancisco-Medium.ttf')  format('truetype'),
		 url('SanFrancisco-Medium.svg#SanFrancisco-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* SemiBold */
@font-face {
	font-family: 'SanFrancisco';
	src: url('SanFrancisco-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('SanFrancisco-SemiBold.otf')  format('opentype'),
		 url('SanFrancisco-SemiBold.woff') format('woff'),
		 url('SanFrancisco-SemiBold.ttf')  format('truetype'),
		 url('SanFrancisco-SemiBold.svg#SanFrancisco-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* Bold */
@font-face {
	font-family: 'SanFrancisco';
	src: url('SanFrancisco-Bold.eot?#iefix') format('embedded-opentype'),
		 url('SanFrancisco-Bold.otf')  format('opentype'),
		 url('SanFrancisco-Bold.woff') format('woff'),
		 url('SanFrancisco-Bold.ttf')  format('truetype'),
		 url('SanFrancisco-Bold.svg#SanFrancisco-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* ExtraBold */
@font-face {
	font-family: 'SanFrancisco';
	src: url('SanFrancisco-ExtraBold.eot?#iefix') format('embedded-opentype'),
		 url('SanFrancisco-ExtraBold.otf')  format('opentype'),
		 url('SanFrancisco-ExtraBold.woff') format('woff'),
		 url('SanFrancisco-ExtraBold.ttf')  format('truetype'),
		 url('SanFrancisco-ExtraBold.svg#SanFrancisco-ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
	text-rendering: optimizeLegibility;
}