Skip to content

Instantly share code, notes, and snippets.

@marcello3d

marcello3d/gist:4e88b9af81b6c0e49b6e

Last active April 14, 2020 08:51
Show Gist options
  • Save marcello3d/4e88b9af81b6c0e49b6e to your computer and use it in GitHub Desktop.
Save marcello3d/4e88b9af81b6c0e49b6e to your computer and use it in GitHub Desktop.
Download ZIP
iOS Helvetica Neue Test
Raw
gistfile1.html
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<style>
html,body {
background: #fff;
color: #000;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 22px;
}
</style>
</head>
<body>
<div style="font-weight:100">Helvetica Neue font-weight:100</div>
<div style="font-weight:200">Helvetica Neue font-weight:200</div>
<div style="font-weight:300">Helvetica Neue font-weight:300</div>
<div style="font-weight:400">Helvetica Neue font-weight:400</div>
<div style="font-weight:normal">Helvetica Neue font-weight:normal (should match 400)</div>
<div style="font-weight:500">Helvetica Neue font-weight:500</div>
<div style="font-weight:600">Helvetica Neue font-weight:600</div>
<div style="font-weight:700">Helvetica Neue font-weight:700</div>
<div style="font-weight:bold">Helvetica Neue font-weight:bold (should match 700)</div>
<div style="font-weight:800">Helvetica Neue font-weight:800</div>
<div style="font-weight:900">Helvetica Neue font-weight:900</div>
<p>
<div style="font-weight:lighter">Helvetica Neue font-weight:lighter</div>
<div style="font-weight:normal">Helvetica Neue font-weight:normal</div>
<div style="font-weight:bolder">Helvetica Neue font-weight:bolder</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment