diff options
Diffstat (limited to 'misc')
-rw-r--r-- | misc/dist/help.txt | 21 | ||||
-rw-r--r-- | misc/dist/inter.css | 91 | ||||
-rw-r--r-- | misc/makezip2.sh | 14 |
3 files changed, 60 insertions, 66 deletions
diff --git a/misc/dist/help.txt b/misc/dist/help.txt index a9c0df165..cf06d271d 100644 --- a/misc/dist/help.txt +++ b/misc/dist/help.txt @@ -11,17 +11,17 @@ Contents: 5. License (can I use Inter for x?) File index: - Inter.ttc Complete font family "Inter" - Inter-Variable*.ttf Complete font family "Inter Variable" - web/* Web fonts and CSS - extras/ Alternative formats (see "Extras") + Inter.ttc Complete font family "Inter" + InterVariable*.ttf Complete font family "Inter Variable" + web/* Web fonts and CSS + extras/ Alternative formats (see "Extras") --------------------------------------------------------------------- 1. Installing font files Inter fonts comes in two flavors: Variable and Static - (Inter-Variable*.ttf and Inter.ttc, respectively) + (InterVariable*.ttf and Inter.ttc, respectively) Variable fonts is a new format which allows you to choose any weight and optical size. Variable fonts is a relatively new @@ -41,8 +41,7 @@ File index: 1. Open the "Font Book" application. 2. In the main menu, select "File" → "Add Fonts..." - 3. Select "Inter.ttc", "Inter-Variable.ttf" and - "Inter-Variable-Italic.ttf" + 3. Select "Inter.ttc", "InterVariable.ttf" and "InterVariable-Italic.ttf" 4. Press the "Open" button Alternatively, if you prefer not to use Font Book, you can move or @@ -52,8 +51,7 @@ File index: 1.2. Installing on Microsoft Windows 1. Open the zip file you downloaded - 2. Select "Inter.ttc", "Inter-Variable.ttf" and - "Inter-Variable-Italic.ttf" + 2. Select "Inter.ttc", "InterVariable.ttf" and "InterVariable-Italic.ttf" 3. Right-click the selected files, choose "Install for all users" If you have a previous installation of Inter, you should make sure @@ -65,9 +63,8 @@ File index: 1.3. Installing on Ubuntu Linux 1. Create a ".fonts" directory in your home. (mkdir -p ~/.fonts) - 2. Copy "Inter.ttc", "Inter-Variable.ttf" and - "Inter-Variable-Italic.ttf" into your .fonts directory - (cp Inter.ttc *.ttf ~/.fonts/) + 2. Copy "Inter.ttc", "InterVariable.ttf" and "InterVariable-Italic.ttf" + into your .fonts directory (cp Inter.ttc *.ttf ~/.fonts/) You may have to restart apps and/or your window server session. diff --git a/misc/dist/inter.css b/misc/dist/inter.css index 2f5ea1996..413e1976f 100644 --- a/misc/dist/inter.css +++ b/misc/dist/inter.css @@ -1,60 +1,57 @@ /* Variable fonts usage: :root { font-family: "Inter", sans-serif; } @supports (font-variation-settings: normal) { - :root { font-family: "InterVar", sans-serif; font-optical-sizing: auto; } + :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } } */ @font-face { - font-family: "InterVar"; + font-family: InterVariable; + font-style: normal; font-weight: 100 900; font-display: swap; - font-style: normal; - src: url("InterVariable.woff2?v=3.19") format("woff2-variations"), - url("InterVariable.woff2?v=3.19") format("woff2"); - src: url("InterVariable.woff2?v=3.19") format("woff2") tech("variations"); + src: url("InterVariable.woff2") format("woff2"); } @font-face { - font-family: "InterVar"; + font-family: InterVariable; + font-style: italic; font-weight: 100 900; font-display: swap; - font-style: italic; - src: url("InterVariable-Italic.woff2?v=3.19") format("woff2-variations"), - url("InterVariable-Italic.woff2?v=3.19") format("woff2"); - src: url("InterVariable-Italic.woff2?v=3.19") format("woff2") tech("variations"); + src: url("InterVariable-Italic.woff2") format("woff2"); } + /* static fonts */ -@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2?v=3.19") format("woff2"); } -@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2?v=3.19") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); } diff --git a/misc/makezip2.sh b/misc/makezip2.sh index 590b43d19..19d04857d 100644 --- a/misc/makezip2.sh +++ b/misc/makezip2.sh @@ -51,13 +51,13 @@ cp LICENSE.txt "$ZIPDIR/LICENSE.txt" mkdir -p "$ZIPDIR/web" -cp misc/dist/help.txt "$ZIPDIR/help.txt" -cp build/fonts/static-hinted/Inter.ttc "$ZIPDIR/Inter.ttc" -cp build/fonts/var/Inter-Variable.ttf "$ZIPDIR/Inter-Variable.ttf" -cp build/fonts/var/Inter-Variable-Italic.ttf "$ZIPDIR/Inter-Variable-Italic.ttf" -cp build/fonts/static/Inter*.woff2 "$ZIPDIR/web/" & -cp build/fonts/var/Inter-Variable.woff2 "$ZIPDIR/web/InterVariable.woff2" -cp build/fonts/var/Inter-Variable-Italic.woff2 "$ZIPDIR/web/InterVariable-Italic.woff2" +cp misc/dist/help.txt "$ZIPDIR/help.txt" +cp build/fonts/static-hinted/Inter.ttc "$ZIPDIR/Inter.ttc" +cp build/fonts/var/InterVariable.ttf "$ZIPDIR/InterVariable.ttf" +cp build/fonts/var/InterVariable-Italic.ttf "$ZIPDIR/InterVariable-Italic.ttf" +cp build/fonts/static/Inter*.woff2 "$ZIPDIR/web/" & +cp build/fonts/var/InterVariable.woff2 "$ZIPDIR/web/InterVariable.woff2" +cp build/fonts/var/InterVariable-Italic.woff2 "$ZIPDIR/web/InterVariable-Italic.woff2" cp misc/dist/inter.css "$ZIPDIR/web/" . build/venv/bin/activate |