Add weight Semibold.

This commit is contained in:
belleve 2018-07-13 15:28:06 +08:00
parent fd4f485222
commit 26332c9e28
8 changed files with 82 additions and 22 deletions

View file

@ -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

View file

@ -9,6 +9,7 @@ const possibleWeights = new Set([
"light",
"book",
"medium",
"semibold",
"bold",
"extrabold",
"heavy"

View file

@ -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

View file

@ -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>

View file

@ -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 {

View file

@ -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;

View file

@ -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;

View file

@ -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() {