Skip to content

Instantly share code, notes, and snippets.

@unix-junkie

unix-junkie/ Font Antialiasing Test.html

Last active June 11, 2021 10:36
Show Gist options
  • Save unix-junkie/9763771 to your computer and use it in GitHub Desktop.
Save unix-junkie/9763771 to your computer and use it in GitHub Desktop.
Download ZIP
Grayscale vs subpixel font antialiasing
Raw
Font Antialiasing Test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Font Antialiasing Test</title>
</head>
<body alink="#000088" link="#0000FF" vlink="#FF0000">
<ul style="color: #000000; background: #ffffff;">
<li style="-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;">This text uses grayscale antialiasing</li>
<li style="-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;">This text uses subpixel antialiasing if available (i.e. if "LCD font smoothing" is enabled in <i>Mac OS X</i> preferences)</li>
</ul>
<ul style="color: #ffffff; background: #000000;">
<li style="-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;">This text uses grayscale antialiasing</li>
<li style="-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;">This text uses subpixel antialiasing if available (i.e. if "LCD font smoothing" is enabled in <i>Mac OS X</i> preferences)</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment