rsms/inter
1
1
Fork 0
mirror of https://github.com/rsms/inter.git synced 2024-12-27 09:33:19 +03:00
Code Issues Projects Releases Wiki Activity

Adds SemiBold and ExtraBold to CSS and README

Browse Source
This commit is contained in:
Rasmus Andersson 2018-09-23 02:00:22 -07:00
parent ae7e5c0a43
commit ea8e614517
6 changed files with 81 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -33,8 +33,10 @@ Current font styles:
| -------------------- | ----------------
| Regular | 400
| Italic | 400
| Medium | 600
| Medium Italic | 600
| Medium | 500
| Medium Italic | 500
| Semi Bold | 600
| Semi Bold Italic | 600
| Bold | 700
| Bold Italic | 700
| Extra Bold | 800

34
docs/inter-ui.css
View File

@ -32,6 +32,23 @@
url("font-files/Inter-UI-MediumItalic.woff?v=3.0") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 600;
src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
url("font-files/Inter-UI-SemiBold.woff2?v=3.0") format("woff2"),
url("font-files/Inter-UI-SemiBold.woff?v=3.0") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 600;
src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
url("font-files/Inter-UI-SemiBoldItalic.woff2?v=3.0") format("woff2"),
url("font-files/Inter-UI-SemiBoldItalic.woff?v=3.0") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
@ -49,6 +66,23 @@
url("font-files/Inter-UI-BoldItalic.woff?v=3.0") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 800;
src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
url("font-files/Inter-UI-ExtraBold.woff2?v=3.0") format("woff2"),
url("font-files/Inter-UI-ExtraBold.woff?v=3.0") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 800;
src: url("font-files/Inter-UI.var.woff2?v=3.0") format("woff2-variations"),
url("font-files/Inter-UI-ExtraBoldItalic.woff2?v=3.0") format("woff2"),
url("font-files/Inter-UI-ExtraBoldItalic.woff?v=3.0") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;

5
docs/lab/index.html
View File

@ -1054,19 +1054,20 @@ document.head.appendChild(fontCSS)
<div class="checkbox-group">
<span>Features:</span>
<!-- <label><input type="checkbox" class="featopt" name="feat:dlig"> Enable dlig</label> -->
<!-- <label><input type="checkbox" class="featopt" name="feat:liga=0">Disable liga</label> -->
<label><input type="checkbox" class="featopt" name="feat:dlig"> Enable dlig</label>
<!-- <label><input type="checkbox" class="featopt" name="feat:onum"> Enable onum</label> -->
<!-- <label><input type="checkbox" class="featopt" name="feat:pnum"> Enable pnum</label> -->
<label><input type="checkbox" class="featopt" name="feat:tnum"> Enable tnum</label>
<!-- <label><input type="checkbox" class="featopt" name="feat:lnum"> Enable lnum</label> -->
<!-- <label><input type="checkbox" class="featopt" name="feat:kern"> Enable kern</label> -->
<label><input type="checkbox" class="featopt" name="feat:case"> Enable case</label>
<label><input type="checkbox" class="featopt" name="feat:calt=0"> <em>Disable</em> calt</label>
<label><input type="checkbox" class="featopt" name="feat:zero"> Enable (slashed) zero</label>
<label><input type="checkbox" class="featopt" name="feat:frac"> Enable frac(tions)</label>
<!-- <label><input type="checkbox" class="featopt" name="feat:c2sc"> Enable c2sc</label> -->
<label><input type="checkbox" class="featopt" name="feat:ss01"> Enable Stylistic set 1</label>
<!-- <label><input type="checkbox" class="featopt" name="feat:salt"> Enable Stylistic alternates</label> -->
<label><input type="checkbox" class="featopt" name="feat:calt=0"> Disable calt</label>
</div>

2
docs/samples/index.css
View File

@ -69,6 +69,8 @@ livesample.col2 {
.font-style-italic { font-variation-settings: "wght" 400, "ital" 100 !important; font-weight:400 !important; font-style:italic !important; }
.font-style-medium { font-variation-settings: "wght" 500, "ital" 0 !important; font-weight:500 !important; font-style:normal !important; }
.font-style-medium-italic { font-variation-settings: "wght" 500, "ital" 100 !important; font-weight:500 !important; font-style:italic !important; }
.font-style-semi-bold { font-variation-settings: "wght" 600, "ital" 0 !important; font-weight:800 !important; font-style:normal !important; }
.font-style-semi-bold-italic { font-variation-settings: "wght" 600, "ital" 100 !important; font-weight:800 !important; font-style:italic !important; }
.font-style-bold { font-variation-settings: "wght" 700, "ital" 0 !important; font-weight:700 !important; font-style:normal !important; }
.font-style-bold-italic { font-variation-settings: "wght" 700, "ital" 100 !important; font-weight:700 !important; font-style:italic !important; }
.font-style-extra-bold { font-variation-settings: "wght" 800, "ital" 0 !important; font-weight:800 !important; font-style:normal !important; }

4
docs/samples/index.html
View File

@ -36,6 +36,8 @@ endfor
<option value="italic">Italic</option>
<option value="medium" default>Medium</option>
<option value="medium-italic">Medium Italic</option>
<option value="semi-bold" default>Extra Bold</option>
<option value="semi-bold-italic">Extra Bold Italic</option>
<option value="bold" default>Bold</option>
<option value="bold-italic">Bold Italic</option>
<option value="extra-bold" default>Extra Bold</option>
@ -245,6 +247,8 @@ bindings.configure('style', null, null, function (style) {
cl.remove('font-style-italic')
cl.remove('font-style-medium')
cl.remove('font-style-medium-italic')
cl.remove('font-style-semi-bold')
cl.remove('font-style-semi-bold-italic')
cl.remove('font-style-bold')
cl.remove('font-style-bold-italic')
cl.remove('font-style-extra-bold')

34
misc/dist/inter-ui.css vendored
View File

@ -32,6 +32,23 @@
url("Inter-UI-MediumItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 600;
src: url('Inter-UI.var.woff2') format("woff2-variations"),
url("Inter-UI-SemiBold.woff2") format("woff2"),
url("Inter-UI-SemiBold.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 600;
src: url('Inter-UI.var.woff2') format("woff2-variations"),
url("Inter-UI-SemiBoldItalic.woff2") format("woff2"),
url("Inter-UI-SemiBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
@ -49,6 +66,23 @@
url("Inter-UI-BoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 800;
src: url('Inter-UI.var.woff2') format("woff2-variations"),
url("Inter-UI-ExtraBold.woff2") format("woff2"),
url("Inter-UI-ExtraBold.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 800;
src: url('Inter-UI.var.woff2') format("woff2-variations"),
url("Inter-UI-ExtraBoldItalic.woff2") format("woff2"),
url("Inter-UI-ExtraBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;