r1.4.0
This commit is contained in:
parent
8069fdda0b
commit
48e83c810d
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
1
assets/iosevka-extralight.charmap
Normal file
1
assets/iosevka-extralight.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-extralight.ttf
Normal file
BIN
assets/iosevka-extralight.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-extralight.woff
Normal file
BIN
assets/iosevka-extralight.woff
Normal file
Binary file not shown.
1
assets/iosevka-extralightitalic.charmap
Normal file
1
assets/iosevka-extralightitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-extralightitalic.ttf
Normal file
BIN
assets/iosevka-extralightitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-extralightitalic.woff
Normal file
BIN
assets/iosevka-extralightitalic.woff
Normal file
Binary file not shown.
1
assets/iosevka-heavy.charmap
Normal file
1
assets/iosevka-heavy.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-heavy.ttf
Normal file
BIN
assets/iosevka-heavy.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-heavy.woff
Normal file
BIN
assets/iosevka-heavy.woff
Normal file
Binary file not shown.
1
assets/iosevka-heavyitalic.charmap
Normal file
1
assets/iosevka-heavyitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-heavyitalic.ttf
Normal file
BIN
assets/iosevka-heavyitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-heavyitalic.woff
Normal file
BIN
assets/iosevka-heavyitalic.woff
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
1
assets/iosevka-light.charmap
Normal file
1
assets/iosevka-light.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-light.ttf
Normal file
BIN
assets/iosevka-light.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-light.woff
Normal file
BIN
assets/iosevka-light.woff
Normal file
Binary file not shown.
1
assets/iosevka-lightitalic.charmap
Normal file
1
assets/iosevka-lightitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-lightitalic.ttf
Normal file
BIN
assets/iosevka-lightitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-lightitalic.woff
Normal file
BIN
assets/iosevka-lightitalic.woff
Normal file
Binary file not shown.
1
assets/iosevka-medium.charmap
Normal file
1
assets/iosevka-medium.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-medium.ttf
Normal file
BIN
assets/iosevka-medium.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-medium.woff
Normal file
BIN
assets/iosevka-medium.woff
Normal file
Binary file not shown.
1
assets/iosevka-mediumitalic.charmap
Normal file
1
assets/iosevka-mediumitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-mediumitalic.ttf
Normal file
BIN
assets/iosevka-mediumitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-mediumitalic.woff
Normal file
BIN
assets/iosevka-mediumitalic.woff
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
1
assets/iosevka-slab-extralight.charmap
Normal file
1
assets/iosevka-slab-extralight.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-extralight.ttf
Normal file
BIN
assets/iosevka-slab-extralight.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-extralight.woff
Normal file
BIN
assets/iosevka-slab-extralight.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-extralightitalic.charmap
Normal file
1
assets/iosevka-slab-extralightitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-extralightitalic.ttf
Normal file
BIN
assets/iosevka-slab-extralightitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-extralightitalic.woff
Normal file
BIN
assets/iosevka-slab-extralightitalic.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-heavy.charmap
Normal file
1
assets/iosevka-slab-heavy.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-heavy.ttf
Normal file
BIN
assets/iosevka-slab-heavy.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-heavy.woff
Normal file
BIN
assets/iosevka-slab-heavy.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-heavyitalic.charmap
Normal file
1
assets/iosevka-slab-heavyitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-heavyitalic.ttf
Normal file
BIN
assets/iosevka-slab-heavyitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-heavyitalic.woff
Normal file
BIN
assets/iosevka-slab-heavyitalic.woff
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
1
assets/iosevka-slab-light.charmap
Normal file
1
assets/iosevka-slab-light.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-light.ttf
Normal file
BIN
assets/iosevka-slab-light.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-light.woff
Normal file
BIN
assets/iosevka-slab-light.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-lightitalic.charmap
Normal file
1
assets/iosevka-slab-lightitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-lightitalic.ttf
Normal file
BIN
assets/iosevka-slab-lightitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-lightitalic.woff
Normal file
BIN
assets/iosevka-slab-lightitalic.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-medium.charmap
Normal file
1
assets/iosevka-slab-medium.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-medium.ttf
Normal file
BIN
assets/iosevka-slab-medium.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-medium.woff
Normal file
BIN
assets/iosevka-slab-medium.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-mediumitalic.charmap
Normal file
1
assets/iosevka-slab-mediumitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-mediumitalic.ttf
Normal file
BIN
assets/iosevka-slab-mediumitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-mediumitalic.woff
Normal file
BIN
assets/iosevka-slab-mediumitalic.woff
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
1
assets/iosevka-slab-thin.charmap
Normal file
1
assets/iosevka-slab-thin.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-thin.ttf
Normal file
BIN
assets/iosevka-slab-thin.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-thin.woff
Normal file
BIN
assets/iosevka-slab-thin.woff
Normal file
Binary file not shown.
1
assets/iosevka-slab-thinitalic.charmap
Normal file
1
assets/iosevka-slab-thinitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-slab-thinitalic.ttf
Normal file
BIN
assets/iosevka-slab-thinitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-slab-thinitalic.woff
Normal file
BIN
assets/iosevka-slab-thinitalic.woff
Normal file
Binary file not shown.
1
assets/iosevka-thin.charmap
Normal file
1
assets/iosevka-thin.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-thin.ttf
Normal file
BIN
assets/iosevka-thin.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-thin.woff
Normal file
BIN
assets/iosevka-thin.woff
Normal file
Binary file not shown.
1
assets/iosevka-thinitalic.charmap
Normal file
1
assets/iosevka-thinitalic.charmap
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/iosevka-thinitalic.ttf
Normal file
BIN
assets/iosevka-thinitalic.ttf
Normal file
Binary file not shown.
BIN
assets/iosevka-thinitalic.woff
Normal file
BIN
assets/iosevka-thinitalic.woff
Normal file
Binary file not shown.
188
fonts.css
Normal file
188
fonts.css
Normal file
|
@ -0,0 +1,188 @@
|
|||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 100;
|
||||
src: url('assets/iosevka-thin.woff') format('woff'), url('assets/iosevka-thin.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-thinitalic.woff') format('woff'), url('assets/iosevka-thinitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 200;
|
||||
src: url('assets/iosevka-extralight.woff') format('woff'), url('assets/iosevka-extralight.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-extralightitalic.woff') format('woff'), url('assets/iosevka-extralightitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 300;
|
||||
src: url('assets/iosevka-light.woff') format('woff'), url('assets/iosevka-light.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-lightitalic.woff') format('woff'), url('assets/iosevka-lightitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
src: url('assets/iosevka-regular.woff') format('woff'), url('assets/iosevka-regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-italic.woff') format('woff'), url('assets/iosevka-italic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 500;
|
||||
src: url('assets/iosevka-medium.woff') format('woff'), url('assets/iosevka-medium.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('assets/iosevka-mediumitalic.woff') format('woff'), url('assets/iosevka-mediumitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 700;
|
||||
src: url('assets/iosevka-bold.woff') format('woff'), url('assets/iosevka-bold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('assets/iosevka-bolditalic.woff') format('woff'), url('assets/iosevka-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
/*
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 800;
|
||||
src: url('assets/iosevka-extrabold.woff') format('woff'), url('assets/iosevka-extrabold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('assets/iosevka-extrabolditalic.woff') format('woff'), url('assets/iosevka-extrabolditalic.ttf') format('truetype');
|
||||
}
|
||||
*/
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: 900;
|
||||
src: url('assets/iosevka-heavy.woff') format('woff'), url('assets/iosevka-heavy.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: url('assets/iosevka-heavyitalic.woff') format('woff'), url('assets/iosevka-heavyitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 100;
|
||||
src: url('assets/iosevka-slab-thin.woff') format('woff'), url('assets/iosevka-slab-thin.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-slab-thinitalic.woff') format('woff'), url('assets/iosevka-slab-thinitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 200;
|
||||
src: url('assets/iosevka-slab-extralight.woff') format('woff'), url('assets/iosevka-slab-extralight.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-slab-extralightitalic.woff') format('woff'), url('assets/iosevka-slab-extralightitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 300;
|
||||
src: url('assets/iosevka-slab-light.woff') format('woff'), url('assets/iosevka-slab-light.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-slab-lightitalic.woff') format('woff'), url('assets/iosevka-slab-lightitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
src: url('assets/iosevka-slab-regular.woff') format('woff'), url('assets/iosevka-slab-regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-slab-italic.woff') format('woff'), url('assets/iosevka-slab-italic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 500;
|
||||
src: url('assets/iosevka-slab-medium.woff') format('woff'), url('assets/iosevka-slab-medium.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('assets/iosevka-slab-mediumitalic.woff') format('woff'), url('assets/iosevka-slab-mediumitalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 700;
|
||||
src: url('assets/iosevka-slab-bold.woff') format('woff'), url('assets/iosevka-slab-bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('assets/iosevka-slab-bolditalic.woff') format('woff'), url('assets/iosevka-slab-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
/*
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 800;
|
||||
src: url('assets/iosevka-slab-extrabold.woff') format('woff'), url('assets/iosevka-slab-extrabold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('assets/iosevka-slab-extrabolditalic.woff') format('woff'), url('assets/iosevka-slab-extrabolditalic.ttf') format('truetype');
|
||||
}
|
||||
*/
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: 900;
|
||||
src: url('assets/iosevka-slab-heavy.woff') format('woff'), url('assets/iosevka-slab-heavy.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: url('assets/iosevka-slab-heavyitalic.woff') format('woff'), url('assets/iosevka-slab-heavyitalic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.thin { font-weight: 100 }
|
||||
.extralight { font-weight: 200 }
|
||||
.light { font-weight: 300 }
|
||||
.medium { font-weight: 500 }
|
||||
.bold { font-weight: 700 }
|
||||
.extrabold { font-weight: 800 }
|
||||
.heavy { font-weight: 900 }
|
||||
.italic { font-style: italic }
|
||||
.slab { font-family: "IosevkaSlabWEB", monospace }
|
121
index.css
121
index.css
|
@ -1,46 +1,7 @@
|
|||
@import url(fonts.css);
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
src: url('assets/iosevka-regular.woff') format('woff'), url('assets/iosevka-regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-italic.woff') format('woff'), url('assets/iosevka-italic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-bold.woff') format('woff'), url('assets/iosevka-bold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-bolditalic.woff') format('woff'), url('assets/iosevka-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
src: url('assets/iosevka-slab-regular.woff') format('woff'), url('assets/iosevka-slab-regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-slab-italic.woff') format('woff'), url('assets/iosevka-slab-italic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-slab-bold.woff') format('woff'), url('assets/iosevka-slab-bold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-slab-bolditalic.woff') format('woff'), url('assets/iosevka-slab-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
background-image: linear-gradient(white 50%, #888 50%);
|
||||
|
@ -56,11 +17,6 @@ a:hover {
|
|||
html, body {
|
||||
font-family: "IosevkaWEB", monospace;
|
||||
}
|
||||
.slab {
|
||||
font-family: "IosevkaSlabWEB", monospace;
|
||||
}
|
||||
.bold { font-weight: bold }
|
||||
.italic { font-style: italic }
|
||||
pre, code {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
@ -86,6 +42,7 @@ section {
|
|||
section#introduction h1 {
|
||||
text-align: center;
|
||||
font-size: 10rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
section#introduction #downlinks {
|
||||
display: flex;
|
||||
|
@ -151,7 +108,81 @@ section#descriptions ul.col > li:first-child h2 {
|
|||
margin-top: 0
|
||||
}
|
||||
|
||||
section#weights {
|
||||
max-width: none;
|
||||
white-space: nowrap;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
section#weights > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
section#weights > div > span {
|
||||
display: block;
|
||||
flex: none;
|
||||
}
|
||||
section#weights > div > span.weightname {
|
||||
width: 6em;
|
||||
text-align: right;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
section#opentype {
|
||||
max-width: 38rem;
|
||||
}
|
||||
section#opentype > h2 {
|
||||
font-weight: 200;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
section#opentype > div.hr {
|
||||
font-size: 80%;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2em;
|
||||
margin: 3rem auto;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
section#opentype > div.hr:before, section#opentype > div.hr:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 4em;
|
||||
margin: 0 1em;
|
||||
vertical-align: 0.3em;
|
||||
}
|
||||
section#opentype > div {
|
||||
display: flex;
|
||||
margin-bottom: 1em;
|
||||
align-items: center;
|
||||
}
|
||||
section#opentype > div > span {
|
||||
display: block;
|
||||
}
|
||||
section#opentype span.normal-example {
|
||||
padding: 0.25em;
|
||||
text-align: right;
|
||||
width: 8rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
section#opentype span.normal-example span.arrow {
|
||||
margin-left: 0.6rem;
|
||||
vertical-align: -0.1em;
|
||||
}
|
||||
section#opentype span.feature-example {
|
||||
border: 1px solid #ddd;
|
||||
padding: 0.25em;
|
||||
border-radius: 0.25rem;
|
||||
margin-right: 0.5rem;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
section#opentype span.feature-example span.lhs {
|
||||
display: block;
|
||||
font-size: 75%;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
section#preview {
|
||||
max-width: none;
|
||||
|
|
22
index.html
22
index.html
|
@ -21,9 +21,6 @@
|
|||
<li><h2>Concept</h2>
|
||||
<p>Iosevka is a slender monospace sans-serif and <span class="slab">slab-serif</span> typeface inspired by <a href="http://www.fsd.it/fonts/pragmatapro.htm">Pragmata Pro</a>, <a href="http://mplus-fonts.osdn.jp/">M+</a> and <a href="http://www.parachute.gr/typefaces/allfonts/din-mono-pro">PF DIN Mono</a>, designed to be the ideal font for programming.</p>
|
||||
</li>
|
||||
<li><h2>Features</h2>
|
||||
<p>Slender and distinguishable glyphs with serious geometry. Powerful world language support. Fully hinted for screen display.</p>
|
||||
</li>
|
||||
<li><h2>Open Source</h2>
|
||||
<p>Iosevka is completely generated from its <a href="https://github.com/be5invis/Iosevka">source code</a>. You can build your own variant by adjusting its <a href="https://github.com/be5invis/Iosevka/blob/master/parameters.toml">parameters</a>.</p>
|
||||
</li>
|
||||
|
@ -38,6 +35,25 @@
|
|||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="weights">
|
||||
<template v-for="weight in (['thin', 'extralight', 'light', 'regular', 'medium', 'bold', 'heavy'])">
|
||||
<div class="{{weight}}"><span class="weightname">{{weight}}</span><span>float Fox.quick(h){ is_brown && it_jumps_over(doges.lazy) }</span></div>
|
||||
</template>
|
||||
</section>
|
||||
|
||||
<section id="opentype">
|
||||
<h2>Opentype features</h2>
|
||||
<template v-for="showcase in (['Character Variants', ['var', ['cv01', 'cv02']],['int', ['cv03', 'cv04', 'cv05', 'cv06']],['long',['cv07','cv08','cv09','cv10']],['git',['cv11','cv12']],['2046',['cv13','cv14','cv15']],'Stylistic sets', ['oil',['ss01','ss02','ss03']],['age',['ss04','ss05']],['WD40',['ss06','ss07','ss08']]])">
|
||||
<template v-if="(typeof showcase === 'string')"><div class="hr">{{showcase}}</div></template>
|
||||
<template v-else>
|
||||
<div>
|
||||
<span class="normal-example">{{showcase[0]}} <i>{{showcase[0]}}</i><span class="arrow icon-arrow-right-circle"></span></span>
|
||||
<span class="feature-example" v-for="feature in (showcase[1])"><span class="lhs">{{feature}}</span><span class="rhs" style="-webkit-font-feature-settings:'{{feature}}'; font-feature-settings:'{{feature}}'">{{showcase[0]}} <i>{{showcase[0]}}</i></span></span>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
</section>
|
||||
|
||||
<section id="preview" class="{{theme}} {{(isSlab ? 'slab' : '')}} {{(isBold ? 'bold' : '')}} {{(isItalic ? 'italic' : '')}}">
|
||||
<div id="preview-toolbar">
|
||||
<span class="options"><h2>Preview</h2></span>
|
||||
|
|
4
index.js
4
index.js
|
@ -49,8 +49,8 @@ var indexPage = new Vue({
|
|||
isSlab: false,
|
||||
isBold: false,
|
||||
isItalic: false,
|
||||
version: "1.3.0",
|
||||
codename: "Ellyne"
|
||||
version: "1.4.0",
|
||||
codename: "Aureta"
|
||||
}
|
||||
});
|
||||
indexPage.snippets = indexPage.$children.map(function(e){ return e.name }).filter(function(x){ return !!x }).sort();
|
43
specimen.css
43
specimen.css
|
@ -1,46 +1,7 @@
|
|||
@import url(fonts.css);
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
src: url('assets/iosevka-regular.woff') format('woff'), url('assets/iosevka-regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-italic.woff') format('woff'), url('assets/iosevka-italic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-bold.woff') format('woff'), url('assets/iosevka-bold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaWEB;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-bolditalic.woff') format('woff'), url('assets/iosevka-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
src: url('assets/iosevka-slab-regular.woff') format('woff'), url('assets/iosevka-slab-regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
src: url('assets/iosevka-slab-italic.woff') format('woff'), url('assets/iosevka-slab-italic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-slab-bold.woff') format('woff'), url('assets/iosevka-slab-bold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: IosevkaSlabWEB;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
src: url('assets/iosevka-slab-bolditalic.woff') format('woff'), url('assets/iosevka-slab-bolditalic.ttf') format('truetype');
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
background-image: linear-gradient(white 50%, #888 50%);
|
||||
|
@ -77,8 +38,6 @@ p {
|
|||
font-size: 2rem;
|
||||
width: 68rem;
|
||||
}
|
||||
.bold { font-weight: bold }
|
||||
.italic { font-style: italic }
|
||||
.show table.block {
|
||||
width: 68rem;
|
||||
border: none;
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="picker">
|
||||
<span class="title pp {{current.cls}}">{{current.display}} Specimen<span class="icon icon-menu"></span></span>
|
||||
<span class="title pp {{current.cls}}">Iosevka {{current.display}} Specimen<span class="icon icon-menu"></span></span>
|
||||
<div class="menu">
|
||||
<div class="group" v-for="group in fonts">
|
||||
<a href="#" v-for="item in group" v-on:click.prevent="choose(item)" class="pp {{item.cls}} {{item === current ? 'active' : ''}}">{{item.display}}</a>
|
||||
|
|
33
specimen.js
33
specimen.js
|
@ -4,19 +4,24 @@ function padzero(s, n){
|
|||
}
|
||||
var BLOCKSIZE = 16 * 4;
|
||||
var fonts = [
|
||||
[
|
||||
{name: 'iosevka-regular', cls: '', display: 'Iosevka'},
|
||||
{name: 'iosevka-bold', cls: 'bold', display: 'Iosevka Bold'},
|
||||
{name: 'iosevka-italic', cls:'italic', display: 'Iosevka Italic'},
|
||||
{name: 'iosevka-bolditalic', cls:'bold italic', display: 'Iosevka Bold Italic'}
|
||||
],
|
||||
[
|
||||
{name: 'iosevka-slab-regular', cls: 'slab', display: 'Iosevka Slab'},
|
||||
{name: 'iosevka-slab-bold', cls: 'slab bold', display: 'Iosevka Slab Bold'},
|
||||
{name: 'iosevka-slab-italic', cls:'slab italic', display: 'Iosevka Slab Italic'},
|
||||
{name: 'iosevka-slab-bolditalic', cls:'slab bold italic', display: 'Iosevka Slab Bold Italic'}
|
||||
]
|
||||
[ {name: 'iosevka-thin', cls: 'thin', display: 'Thin'}, {name: 'iosevka-slab-thin', cls: 'slab thin', display: 'Slab Thin'},
|
||||
{name: 'iosevka-thinitalic', cls:'thin italic', display: 'Thin Italic'}, {name: 'iosevka-slab-thinitalic', cls:'slab thin italic', display: 'Slab Thin Italic'} ],
|
||||
[ {name: 'iosevka-extralight', cls: 'extralight', display: 'Extralight'}, {name: 'iosevka-slab-extralight', cls: 'slab extralight', display: 'Slab Extralight'},
|
||||
{name: 'iosevka-extralightitalic', cls:'extralight italic', display: 'Extralight Italic'}, {name: 'iosevka-slab-extralightitalic', cls:'slab extralight italic', display: 'Slab Extralight Italic'} ],
|
||||
[ {name: 'iosevka-light', cls: 'light', display: 'Light'}, {name: 'iosevka-slab-light', cls: 'slab light', display: 'Slab Light'},
|
||||
{name: 'iosevka-lightitalic', cls:'light italic', display: 'Light Italic'}, {name: 'iosevka-slab-lightitalic', cls:'slab light italic', display: 'Slab Light Italic'} ],
|
||||
[ {name: 'iosevka-regular', cls: '', display: 'Regular'}, {name: 'iosevka-slab-regular', cls: 'slab', display: 'Slab Regular'},
|
||||
{name: 'iosevka-italic', cls:'italic', display: 'Italic'}, {name: 'iosevka-slab-italic', cls:'slab italic', display: 'Slab Italic'} ],
|
||||
[ {name: 'iosevka-medium', cls: 'medium', display: 'Medium'}, {name: 'iosevka-slab-medium', cls: 'slab medium', display: 'Slab Medium'},
|
||||
{name: 'iosevkamediumitalic', cls:'medium italic', display: 'Medium Italic'}, {name: 'iosevka-slab-mediumitalic', cls:'slab medium italic', display: 'Slab Medium Italic'} ],
|
||||
[ {name: 'iosevka-bold', cls: 'bold', display: 'Bold'}, {name: 'iosevka-slab-bold', cls: 'slab bold', display: 'Slab Bold'},
|
||||
{name: 'iosevka-bolditalic', cls:'bold italic', display: 'Bold Italic'}, {name: 'iosevka-slab-bolditalic', cls:'slab bold italic', display: 'Slab Bold Italic'} ],
|
||||
// [ {name: 'iosevka-extrabold', cls: 'extrabold', display: 'Extrabold'}, {name: 'iosevka-slab-extrabold', cls: 'slab extrabold', display: 'Slab Extrabold'},
|
||||
// {name: 'iosevka-extrabolditalic', cls:'extrabold italic', display: 'Extrabold Italic'}, {name: 'iosevka-slab-extrabolditalic', cls:'slab extrabold italic', display: 'Slab Extrabold Italic'} ],
|
||||
[ {name: 'iosevka-heavy', cls: 'heavy', display: 'Heavy'}, {name: 'iosevka-slab-heavy', cls: 'slab heavy', display: 'Slab Heavy'},
|
||||
{name: 'iosevka-heavyitalic', cls:'heavy italic', display: 'Heavy Italic'}, {name: 'iosevka-slab-heavyitalic', cls:'slab heavy italic', display: 'Slab Heavy Italic'} ]
|
||||
];
|
||||
var REGULAR = 3;
|
||||
var lipsums = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur semper ipsum quam, at molestie libero euismod vitae. Etiam vehicula felis mi, et ultricies libero consequat at. Donec consequat, nunc id elementum tempor, lectus orci vulputate leo, eget lobortis lectus nulla sed orci. Donec in dolor non orci aliquet gravida. Nulla volutpat magna et nulla pretium, quis consequat nibh euismod. Suspendisse eget metus enim. Fusce vulputate scelerisque eros et consequat. Quisque dapibus accumsan augue, et semper lectus vehicula sit amet. Ut ornare venenatis tortor, non gravida tellus mattis interdum. In hac habitasse platea dictumst. Donec interdum commodo ex eu tincidunt. Curabitur non fermentum enim. Proin luctus orci ut commodo auctor. Pellentesque accumsan id sem eu semper. Sed non pharetra nibh. Vivamus mattis luctus arcu, a rutrum dui venenatis sit amet. aja ojo ojoined',
|
||||
'Troh tper es sos, bo slisxil spôrtjư uzx, cxital posteluf hrvatzem ili bi. Tenis lubôvijm roksăfnâvơi da din. Bo cxtir dajte lubim onă, dev ti silăju môrkva vecxer. Din om leto glfădju problêm. Sâm slơzxju răzumim vnimanie na, vsê ăzia kưdrju prôgram nô. Slôzxju zavoduf nơ den, hcê licơ sxkol toplju so. Vi knigis sidili polozxij bil, ne polnfju ovơcxjư dla, es ônâ mamâ pisajut mălôstis.',
|
||||
'Жят эним либриз аюдиам ад. Мыа ан одео нонумй опортэры, но дуо вэре эчжынт ыпикурэи. Ан вим алёквюам пыртенакж. Эжт но оратио факэтэ, дольорэ индоктум дыфинитеоным эжт ты.',
|
||||
|
@ -60,7 +65,7 @@ var display = new Vue({
|
|||
for(var j = 0; j < ss.length; j++){ ss[j].spaces = new Array(langlen - ss[j].lang.length + 2).join(' ') };
|
||||
return ss;
|
||||
})(sampleSentences),
|
||||
currentFont: fonts[0][0],
|
||||
currentFont: fonts[REGULAR][0],
|
||||
waterfall: [36, 28, 24, 20, 18, 16, 14, 12, 11, 10],
|
||||
sampleRows: []
|
||||
},
|
||||
|
@ -105,7 +110,7 @@ var picker = new Vue({
|
|||
el: '#picker',
|
||||
data: {
|
||||
fonts: fonts,
|
||||
current: fonts[0][0]
|
||||
current: fonts[REGULAR][0]
|
||||
},
|
||||
methods: {
|
||||
choose: function(item){
|
||||
|
|
Loading…
Reference in New Issue
Block a user