Jeff Doan jefffis

## gist:6720007
Use @font-face like normal:

@font-face {
  // code here
}

There is an Outlook 2007 & up hack I've used at times that seems to fix this as well:

<!--[if gte mso 9]>
<style>

## gist:6297098
<!DOCTYPE html>
<html>
<head>
  <title>180 Days: A language learning challenge | Rosetta Stone</title>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<style type="text/css">
       	* { -webkit-text-size-adjust:none; }

## gist:5599133
sudo service httpd restart

## gist:5221491
<html>
	<head>

		<style>
		/*

		// CSS
		these styles can be anything, but this was from a recent project.

		basically, i'm setting the height of the <ul> and each <li> and only on :hover showing all of them. when clicking a list item, that is then showed as .selected when a user :hoversout of the <ul>
	Use @font-face like normal:

	@font-face {
	// code here
	}

	There is an Outlook 2007 & up hack I've used at times that seems to fix this as well:

	<!--[if gte mso 9]>
	<style>
	<!DOCTYPE html>
	<html>
	<head>
	<title>180 Days: A language learning challenge \| Rosetta Stone</title>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<style type="text/css">
	* { -webkit-text-size-adjust:none; }