Skip to content

Commit ae05ee1

Browse files
Stephen NixonStephen Nixon
authored andcommitted
build slight edit to slnt axis; make test webpage
1 parent a839724 commit ae05ee1

32 files changed

+109
-12
lines changed
Binary file not shown.
1.48 MB
Binary file not shown.

docs/slnt_CRSV/index.html

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Recursive 1.046 slnt+CRSV</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
<a href="#" class="big">Slanting</a>
11+
<br>
12+
<pre>
13+
14+
a {
15+
font-style: oblique 0deg;
16+
transition: 0.25s font-style;
17+
}
18+
19+
a:hover {
20+
font-style: oblique 12deg;
21+
}
22+
</pre>
23+
</body>
24+
</html>

docs/slnt_CRSV/italic.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Recursive 1.046 Normal & Italic</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<style>
10+
.big {
11+
font-variation-settings: 'MONO' 1, 'CASL' 1;
12+
}
13+
</style>
14+
<body>
15+
<a class="big">Normal</a>
16+
<br>
17+
<pre>
18+
font-style: normal;
19+
20+
</pre>
21+
<a class="big italic">Italic</a>
22+
<br>
23+
<pre>
24+
font-style: italic;
25+
26+
</pre>
27+
</body>
28+
</html>

docs/slnt_CRSV/style.css

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
@font-face {
2+
font-family: 'Recursive';
3+
font-style: oblique 0deg 15deg;
4+
font-weight: 300 1000;
5+
font-display: swap;
6+
src: url('Recursive_VF_1.046--subset_range_english_basic.woff2') format('woff2');
7+
unicode-range: U+0020-007F,U+00A9,U+2190-2193,U+2018,U+2019,U+201C,U+201D,U+2022;
8+
}
9+
html {
10+
font-family: 'Recursive';
11+
}
12+
body {
13+
padding: 3rem 2rem;
14+
background: black;
15+
color: #eee;
16+
}
17+
.big {
18+
font-size: 8.5rem;
19+
font-weight: 700;
20+
font-variation-settings: 'CASL' 1;
21+
margin-bottom: 4rem;
22+
line-height: 0.75;
23+
color: white;
24+
text-decoration: none;
25+
}
26+
a {
27+
font-style: oblique 0deg;
28+
transition: 0.25s font-style;
29+
}
30+
a:hover {
31+
font-style: oblique 12deg;
32+
}
33+
pre {
34+
font-family: 'Recursive';
35+
color:blanchedalmond;
36+
margin-top: 2rem;
37+
display: block;
38+
font-weight: 500;
39+
font-variation-settings: 'MONO' 1;
40+
line-height: 1.5;
41+
}
42+
43+
.italic {
44+
font-style: italic;
45+
}
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 commit comments

Comments
 (0)