Add weight Semibold.
This commit is contained in:
parent
fd4f485222
commit
26332c9e28
8 changed files with 82 additions and 22 deletions
2
makefile
2
makefile
|
@ -30,7 +30,7 @@ fw : $(BUILD)/targets.mk
|
|||
scripts :
|
||||
@$(MAKE) -f utility/scripts.mk scripts
|
||||
|
||||
sample-images :
|
||||
sample-images : $(BUILD)/targets.mk
|
||||
@$(MAKE) -f utility/standard.mk sample-images
|
||||
|
||||
# Custom
|
||||
|
|
1
maker.js
1
maker.js
|
@ -9,6 +9,7 @@ const possibleWeights = new Set([
|
|||
"light",
|
||||
"book",
|
||||
"medium",
|
||||
"semibold",
|
||||
"bold",
|
||||
"extrabold",
|
||||
"heavy"
|
||||
|
|
|
@ -85,17 +85,6 @@ noCJKV = true
|
|||
verbose = true
|
||||
|
||||
### Weights
|
||||
|
||||
[w-book]
|
||||
isBold = false
|
||||
weight = 400 # "Weight" metadata.
|
||||
style = ''
|
||||
|
||||
sb = 60 # Side bearing.
|
||||
stroke = 72 # Stroke width of horizontal strokes.
|
||||
dotsize = 125 # "Visual" size of dots in /i.
|
||||
periodsize = 140 # "Visual" size of period.
|
||||
|
||||
[w-thin]
|
||||
weight = 100
|
||||
style = 'Thin'
|
||||
|
@ -137,12 +126,32 @@ periodsize = 115
|
|||
vtipfine = 0.9
|
||||
pbarpos = 0.51
|
||||
|
||||
[w-book]
|
||||
isBold = false
|
||||
weight = 400 # "Weight" metadata.
|
||||
style = ''
|
||||
|
||||
sb = 60 # Side bearing.
|
||||
stroke = 72 # Stroke width of horizontal strokes.
|
||||
dotsize = 125 # "Visual" size of dots in /i.
|
||||
periodsize = 140 # "Visual" size of period.
|
||||
|
||||
[w-medium]
|
||||
weight = 500
|
||||
style = 'Medium'
|
||||
|
||||
sb = 57
|
||||
stroke = 81
|
||||
dotsize = 133
|
||||
periodsize = 158
|
||||
smooth = 200
|
||||
|
||||
[w-semibold]
|
||||
weight = 600
|
||||
style = 'Semibold'
|
||||
|
||||
sb = 54
|
||||
stroke = 90
|
||||
stroke = 92
|
||||
dotsize = 140
|
||||
periodsize = 165
|
||||
essx = 1.07
|
||||
|
|
|
@ -16,8 +16,12 @@
|
|||
<a href="#" class="pp active">Regular</a><a href="#" class="pp slab ">Slab</a><a href="#" class="pp italic ">Italic</a><a href="#" class="pp slab italic ">Slab Italic</a><a href="#" class="pp oblique ">Oblique</a><a href="#" class="pp slab oblique ">Slab Oblique</a>
|
||||
</div><div class="group">
|
||||
<a href="#" class="pp medium ">Medium</a><a href="#" class="pp slab medium ">Slab Medium</a><a href="#" class="pp medium italic ">Medium Italic</a><a href="#" class="pp slab medium italic ">Slab Medium Italic</a><a href="#" class="pp medium oblique ">Medium Oblique</a><a href="#" class="pp slab medium oblique ">Slab Medium Oblique</a>
|
||||
</div><div class="group">
|
||||
<a href="#" class="pp semibold ">Semibold</a><a href="#" class="pp slab semibold ">Slab Semibold</a><a href="#" class="pp semibold italic ">Semibold Italic</a><a href="#" class="pp slab semibold italic ">Slab Semibold Italic</a><a href="#" class="pp semibold oblique ">Semibold Oblique</a><a href="#" class="pp slab semibold oblique ">Slab Semibold Oblique</a>
|
||||
</div><div class="group">
|
||||
<a href="#" class="pp bold ">Bold</a><a href="#" class="pp slab bold ">Slab Bold</a><a href="#" class="pp bold italic ">Bold Italic</a><a href="#" class="pp slab bold italic ">Slab Bold Italic</a><a href="#" class="pp bold oblique ">Bold Oblique</a><a href="#" class="pp slab bold oblique ">Slab Bold Oblique</a>
|
||||
</div><div class="group">
|
||||
<a href="#" class="pp extrabold ">Extrabold</a><a href="#" class="pp slab extrabold ">Slab Extrabold</a><a href="#" class="pp extrabold italic ">Extrabold Italic</a><a href="#" class="pp slab extrabold italic ">Slab Extrabold Italic</a><a href="#" class="pp extrabold oblique ">Extrabold Oblique</a><a href="#" class="pp slab extrabold oblique ">Slab Extrabold Oblique</a>
|
||||
</div><div class="group">
|
||||
<a href="#" class="pp heavy ">Heavy</a><a href="#" class="pp slab heavy ">Slab Heavy</a><a href="#" class="pp heavy italic ">Heavy Italic</a><a href="#" class="pp slab heavy italic ">Slab Heavy Italic</a><a href="#" class="pp heavy oblique ">Heavy Oblique</a><a href="#" class="pp slab heavy oblique ">Slab Heavy Oblique</a>
|
||||
</div>
|
||||
|
@ -232,14 +236,14 @@
|
|||
</section>
|
||||
<section id="matrix">
|
||||
<div>
|
||||
<row><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="italic"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="oblique"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="semibold">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="italic"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="semibold">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="oblique"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="semibold">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
</div>
|
||||
<div class="slab">
|
||||
<row><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="italic"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="oblique"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="semibold">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="italic"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="semibold">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
<row class="oblique"><span class="thin">Mag</span><span class="extralight">Mag</span><span class="light">Mag</span><span class="regular">Mag</span><span class="medium">Mag</span><span class="semibold">Mag</span><span class="bold">Mag</span><span class="extrabold">Mag</span><span class="heavy">Mag</span></row>
|
||||
</div>
|
||||
</section>
|
||||
<section id="previews">
|
||||
|
@ -305,6 +309,7 @@
|
|||
<span class="light"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
<span class="regular"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
<span class="medium"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
<span class="semibold"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
<span class="bold"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
<span class="extrabold"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
<span class="heavy"><span class="built_in">float</span> Fox.quick(h){ is_brown <span class="operator">&&</span> it_jumps_over(doges.lazy); }</span>
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
.extralight { font-weight: 200 }
|
||||
.light { font-weight: 300 }
|
||||
.medium { font-weight: 500 }
|
||||
.semibold { font-weight: 600 }
|
||||
.bold { font-weight: 700 }
|
||||
.extrabold { font-weight: 800 }
|
||||
.heavy { font-weight: 900 }
|
||||
|
@ -95,7 +96,7 @@ section#matrix
|
|||
position: absolute
|
||||
font-size: 90px
|
||||
left: 50%
|
||||
margin-left: -3.75em
|
||||
margin-left: -4.75em
|
||||
top: 50%
|
||||
margin-top: -1.95em
|
||||
> row
|
||||
|
@ -106,7 +107,7 @@ section#matrix
|
|||
font-size: 0.4em
|
||||
padding: 0 0.5em
|
||||
&.slab
|
||||
margin-left: -3.25em
|
||||
margin-left: -4.25em
|
||||
margin-top: -1.44em
|
||||
|
||||
section#matrix > div > row > span {
|
||||
|
|
|
@ -80,6 +80,23 @@
|
|||
font-weight: 500;
|
||||
src: url('assets/iosevka-slab-mediumoblique.woff2') format('woff2'), url('assets/iosevka-slab-mediumoblique.woff') format('woff'), url('assets/iosevka-slab-mediumoblique.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka Slab';
|
||||
font-weight: 600;
|
||||
src: url('assets/iosevka-slab-semibold.woff2') format('woff2'), url('assets/iosevka-slab-semibold.woff') format('woff'), url('assets/iosevka-slab-semibold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka Slab';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('assets/iosevka-slab-semibolditalic.woff2') format('woff2'), url('assets/iosevka-slab-semibolditalic.woff') format('woff'), url('assets/iosevka-slab-semibolditalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka Slab';
|
||||
font-style: oblique;
|
||||
font-weight: 600;
|
||||
src: url('assets/iosevka-slab-semiboldoblique.woff2') format('woff2'), url('assets/iosevka-slab-semiboldoblique.woff') format('woff'), url('assets/iosevka-slab-semiboldoblique.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka Slab';
|
||||
font-weight: 700;
|
||||
|
|
|
@ -80,6 +80,23 @@
|
|||
font-weight: 500;
|
||||
src: url('assets/iosevka-mediumoblique.woff2') format('woff2'), url('assets/iosevka-mediumoblique.woff') format('woff'), url('assets/iosevka-mediumoblique.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka';
|
||||
font-weight: 600;
|
||||
src: url('assets/iosevka-semibold.woff2') format('woff2'), url('assets/iosevka-semibold.woff') format('woff'), url('assets/iosevka-semibold.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('assets/iosevka-semibolditalic.woff2') format('woff2'), url('assets/iosevka-semibolditalic.woff') format('woff'), url('assets/iosevka-semibolditalic.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka';
|
||||
font-style: oblique;
|
||||
font-weight: 600;
|
||||
src: url('assets/iosevka-semiboldoblique.woff2') format('woff2'), url('assets/iosevka-semiboldoblique.woff') format('woff'), url('assets/iosevka-semiboldoblique.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Iosevka';
|
||||
font-weight: 700;
|
||||
|
|
12
verdafile.js
12
verdafile.js
|
@ -13,7 +13,17 @@ want(...argv._);
|
|||
|
||||
const PATEL_C = ["node", "./node_modules/patel/bin/patel-c"];
|
||||
const GENERATE = ["node", "--expose-gc", "generator"];
|
||||
const WEIGHTS = ["thin", "extralight", "light", "book", "medium", "bold", "extrabold", "heavy"];
|
||||
const WEIGHTS = [
|
||||
"thin",
|
||||
"extralight",
|
||||
"light",
|
||||
"book",
|
||||
"medium",
|
||||
"semibold",
|
||||
"bold",
|
||||
"extrabold",
|
||||
"heavy"
|
||||
];
|
||||
const SLANTS = ["upright", "italic", "oblique"];
|
||||
|
||||
const weightSlantMap = (function() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue