Skip to content

Instantly share code, notes, and snippets.

@simboonlong
Last active March 13, 2020 17:23
Show Gist options
  • Save simboonlong/93a33d22cb78c17993bc177ff7919b96 to your computer and use it in GitHub Desktop.
Save simboonlong/93a33d22cb78c17993bc177ff7919b96 to your computer and use it in GitHub Desktop.
raleway400-bug
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<style>
.raleway-100 {
font-family: 'Raleway', sans-serif;
font-weight: 100;
}
.raleway-200 {
font-family: 'Raleway', sans-serif;
font-weight: 200;
}
.raleway-300 {
font-family: 'Raleway', sans-serif;
font-weight: 300;
}
.raleway-400 {
font-family: 'Raleway', sans-serif;
font-weight: 400;
}
.raleway-500 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
}
.raleway-600 {
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
.raleway-700 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
}
.raleway-800 {
font-family: 'Raleway', sans-serif;
font-weight: 800;
}
.raleway-900 {
font-family: 'Raleway', sans-serif;
font-weight: 900;
}
</style>
<title>Raleway 400</title>
</head>
<body>
<p class="raleway-100">raleway-100</p>
<p class="raleway-200">raleway-200</p>
<p class="raleway-300">raleway-300</p>
<p class="raleway-400">raleway-400</p>
<p class="raleway-500">raleway-500</p>
<p class="raleway-600">raleway-600</p>
<p class="raleway-700">raleway-700</p>
<p class="raleway-800">raleway-800</p>
<p class="raleway-900">raleway-900</p>
</body>
</html>
@simboonlong
Copy link
Author

raleway-400

Raleway font weight 400 renders incorrectly in arbitrary devices.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment