rsms/inter
1
1
Fork 0
mirror of https://github.com/rsms/inter.git synced 2024-09-11 10:55:24 +03:00
Code Issues Projects Releases Wiki Activity

New distribution format (TTC, help, extras)

Browse Source 
- uses TTC bundle for static fonts (#388)
- second zip archive used for "extras", with individiual static font files
- new help documentation, replacing all .txt files of past distributions
This commit is contained in:
Rasmus Andersson 2023-04-23 12:52:46 -07:00
parent 3f84199054
commit 9aa6cd640a
11 changed files with 332 additions and 409 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
.github/workflows/build-fonts.yml vendored
View File

@ -70,17 +70,20 @@ jobs:
- name: make zip
run: |
ARCHIVE=Inter-${{ env.inter_version }}.zip
echo "rsm_archive=$ARCHIVE" >> $GITHUB_ENV
make -j zip
mv build/release/*.zip "$ARCHIVE"
ZIP=Inter-${{ env.inter_version }}.zip
ZIP_EXTRAS=Inter-${{ env.inter_version }}-extras.zip
echo "inter_zip=$ZIP" >> $GITHUB_ENV
echo "inter_zip_extras=$ZIP_EXTRAS" >> $GITHUB_ENV
make -j zip zip_extras
mv build/release/*.zip ./
- name: Upload archive (unless tag)
if: ${{ ! startsWith(github.ref, 'refs/tags/v') }}
uses: actions/upload-artifact@v3
with:
name: "${{ env.rsm_archive }}"
path: "${{ env.rsm_archive }}"
path: |
"${{ env.inter_zip }}"
"${{ env.inter_zip_extras }}"
retention-days: 1
- name: Publish release (if tag)
@ -90,4 +93,6 @@ jobs:
prerelease: true
name: "${{ env.inter_version }}"
body: "This release was automatically created"
files: "${{ env.rsm_archive }}"
files: |
"${{ env.inter_zip }}"
"${{ env.inter_zip_extras }}"

141
Makefile
View File

@ -55,7 +55,6 @@ editable-ufos: build/ufo-editable/.ok
@echo " $(PWD)/build/ufo-editable"
build/ufo-editable/.ok: build/ufo-editable/Inter-Roman.designspace build/ufo-editable/Inter-Italic.designspace
@mkdir -p build/ufo-editable
@rm -f build/ufo-editable/features
@ln -s ../../src/features build/ufo-editable/features
$(MAKE) \
@ -205,9 +204,9 @@ $(FONTDIR)/var/Inter-Italic.var.ttf: $(FONTDIR)/var/inter-roman-and-italic.stamp
touch $@
$(FONTDIR)/var/InterV.var.ttf: $(FONTDIR)/var/Inter.var.ttf | venv
. $(VENV) ; python misc/tools/rename.py --family "Inter V" -o $@ $<
. $(VENV) ; python misc/tools/rename.py --family "Inter Variable" -o $@ $<
$(FONTDIR)/var/InterV-Italic.var.ttf: $(FONTDIR)/var/Inter-Italic.var.ttf | venv
. $(VENV) ; python misc/tools/rename.py --family "Inter V" -o $@ $<
. $(VENV) ; python misc/tools/rename.py --family "Inter Variable" -o $@ $<
var: \
$(FONTDIR)/var/Inter.var.ttf \
@ -221,6 +220,88 @@ var_web: \
web: var_web static_web
static: \
$(FONTDIR)/static/Inter.ttc \
$(FONTDIR)/static-hinted/Inter-truetype.ttc
$(FONTDIR)/static/Inter.ttc: \
$(FONTDIR)/static/Inter-Regular.otf \
$(FONTDIR)/static/Inter-Black.otf \
$(FONTDIR)/static/Inter-BlackItalic.otf \
$(FONTDIR)/static/Inter-Italic.otf \
$(FONTDIR)/static/Inter-Thin.otf \
$(FONTDIR)/static/Inter-ThinItalic.otf \
$(FONTDIR)/static/Inter-Light.otf \
$(FONTDIR)/static/Inter-LightItalic.otf \
$(FONTDIR)/static/Inter-ExtraLight.otf \
$(FONTDIR)/static/Inter-ExtraLightItalic.otf \
$(FONTDIR)/static/Inter-Medium.otf \
$(FONTDIR)/static/Inter-MediumItalic.otf \
$(FONTDIR)/static/Inter-SemiBold.otf \
$(FONTDIR)/static/Inter-SemiBoldItalic.otf \
$(FONTDIR)/static/Inter-Bold.otf \
$(FONTDIR)/static/Inter-BoldItalic.otf \
$(FONTDIR)/static/Inter-ExtraBold.otf \
$(FONTDIR)/static/Inter-ExtraBoldItalic.otf \
$(FONTDIR)/static/Inter-DisplayBlack.otf \
$(FONTDIR)/static/Inter-DisplayBlackItalic.otf \
$(FONTDIR)/static/Inter-Display.otf \
$(FONTDIR)/static/Inter-DisplayItalic.otf \
$(FONTDIR)/static/Inter-DisplayThin.otf \
$(FONTDIR)/static/Inter-DisplayThinItalic.otf \
$(FONTDIR)/static/Inter-DisplayLight.otf \
$(FONTDIR)/static/Inter-DisplayLightItalic.otf \
$(FONTDIR)/static/Inter-DisplayExtraLight.otf \
$(FONTDIR)/static/Inter-DisplayExtraLightItalic.otf \
$(FONTDIR)/static/Inter-DisplayMedium.otf \
$(FONTDIR)/static/Inter-DisplayMediumItalic.otf \
$(FONTDIR)/static/Inter-DisplaySemiBold.otf \
$(FONTDIR)/static/Inter-DisplaySemiBoldItalic.otf \
$(FONTDIR)/static/Inter-DisplayBold.otf \
$(FONTDIR)/static/Inter-DisplayBoldItalic.otf \
$(FONTDIR)/static/Inter-DisplayExtraBold.otf \
$(FONTDIR)/static/Inter-DisplayExtraBoldItalic.otf
. $(VENV) ; python -m fontTools.ttLib.__init__ -o $@ $^
$(FONTDIR)/static-hinted/Inter-truetype.ttc: \
$(FONTDIR)/static-hinted/Inter-Regular.ttf \
$(FONTDIR)/static-hinted/Inter-Black.ttf \
$(FONTDIR)/static-hinted/Inter-BlackItalic.ttf \
$(FONTDIR)/static-hinted/Inter-Italic.ttf \
$(FONTDIR)/static-hinted/Inter-Thin.ttf \
$(FONTDIR)/static-hinted/Inter-ThinItalic.ttf \
$(FONTDIR)/static-hinted/Inter-Light.ttf \
$(FONTDIR)/static-hinted/Inter-LightItalic.ttf \
$(FONTDIR)/static-hinted/Inter-ExtraLight.ttf \
$(FONTDIR)/static-hinted/Inter-ExtraLightItalic.ttf \
$(FONTDIR)/static-hinted/Inter-Medium.ttf \
$(FONTDIR)/static-hinted/Inter-MediumItalic.ttf \
$(FONTDIR)/static-hinted/Inter-SemiBold.ttf \
$(FONTDIR)/static-hinted/Inter-SemiBoldItalic.ttf \
$(FONTDIR)/static-hinted/Inter-Bold.ttf \
$(FONTDIR)/static-hinted/Inter-BoldItalic.ttf \
$(FONTDIR)/static-hinted/Inter-ExtraBold.ttf \
$(FONTDIR)/static-hinted/Inter-ExtraBoldItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayBlack.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayBlackItalic.ttf \
$(FONTDIR)/static-hinted/Inter-Display.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayThin.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayThinItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayLight.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayLightItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayExtraLight.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayExtraLightItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayMedium.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayMediumItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplaySemiBold.ttf \
$(FONTDIR)/static-hinted/Inter-DisplaySemiBoldItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayBold.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayBoldItalic.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayExtraBold.ttf \
$(FONTDIR)/static-hinted/Inter-DisplayExtraBoldItalic.ttf
. $(VENV) ; python -m fontTools.ttLib.__init__ -o $@ $^
static_otf: \
$(FONTDIR)/static/Inter-Black.otf \
$(FONTDIR)/static/Inter-BlackItalic.otf \
@ -412,10 +493,11 @@ static_web_hinted: \
$(FONTDIR)/static-hinted/Inter-DisplayExtraBoldItalic.woff2
all: var web static_otf static_ttf static_ttf_hinted
all: var static web static_otf static_ttf static_ttf_hinted
.PHONY: all var var_web static_otf static_ttf static_ttf_hinted static_web static_web_hinted \
var_web web
.PHONY: \
all var var_web web \
static static_otf static_ttf static_ttf_hinted static_web static_web_hinted
# ---------------------------------------------------------------------------------
# testing
@ -459,6 +541,10 @@ zip: all
bash misc/makezip2.sh -reveal-in-finder \
"build/release/Inter-$(VERSION)-$(shell git rev-parse --short=10 HEAD).zip"
zip_extras: all
bash misc/makezip2.sh -extras -reveal-in-finder \
"build/release/Inter-$(VERSION)-$(shell git rev-parse --short=10 HEAD)-extras.zip"
zip_beta: \
$(FONTDIR)/var/InterV.var.ttf \
$(FONTDIR)/var/InterV.var.woff2 \
@ -535,48 +621,17 @@ dist_postflight:
INSTALLDIR := $(HOME)/Library/Fonts/Inter
install: install_var \
$(INSTALLDIR)/Inter-Black.otf \
$(INSTALLDIR)/Inter-BlackItalic.otf \
$(INSTALLDIR)/Inter-Regular.otf \
$(INSTALLDIR)/Inter-Italic.otf \
$(INSTALLDIR)/Inter-Thin.otf \
$(INSTALLDIR)/Inter-ThinItalic.otf \
$(INSTALLDIR)/Inter-Light.otf \
$(INSTALLDIR)/Inter-LightItalic.otf \
$(INSTALLDIR)/Inter-ExtraLight.otf \
$(INSTALLDIR)/Inter-ExtraLightItalic.otf \
$(INSTALLDIR)/Inter-Medium.otf \
$(INSTALLDIR)/Inter-MediumItalic.otf \
$(INSTALLDIR)/Inter-SemiBold.otf \
$(INSTALLDIR)/Inter-SemiBoldItalic.otf \
$(INSTALLDIR)/Inter-Bold.otf \
$(INSTALLDIR)/Inter-BoldItalic.otf \
$(INSTALLDIR)/Inter-ExtraBold.otf \
$(INSTALLDIR)/Inter-ExtraBoldItalic.otf \
$(INSTALLDIR)/Inter-DisplayBlack.otf \
$(INSTALLDIR)/Inter-DisplayBlackItalic.otf \
$(INSTALLDIR)/Inter-Display.otf \
$(INSTALLDIR)/Inter-DisplayItalic.otf \
$(INSTALLDIR)/Inter-DisplayThin.otf \
$(INSTALLDIR)/Inter-DisplayThinItalic.otf \
$(INSTALLDIR)/Inter-DisplayLight.otf \
$(INSTALLDIR)/Inter-DisplayLightItalic.otf \
$(INSTALLDIR)/Inter-DisplayExtraLight.otf \
$(INSTALLDIR)/Inter-DisplayExtraLightItalic.otf \
$(INSTALLDIR)/Inter-DisplayMedium.otf \
$(INSTALLDIR)/Inter-DisplayMediumItalic.otf \
$(INSTALLDIR)/Inter-DisplaySemiBold.otf \
$(INSTALLDIR)/Inter-DisplaySemiBoldItalic.otf \
$(INSTALLDIR)/Inter-DisplayBold.otf \
$(INSTALLDIR)/Inter-DisplayBoldItalic.otf \
$(INSTALLDIR)/Inter-DisplayExtraBold.otf \
$(INSTALLDIR)/Inter-DisplayExtraBoldItalic.otf
install: install_var $(INSTALLDIR)/Inter.ttc
@# Remove any old pre ttc fonts
rm -rf $(INSTALLDIR)/Inter*.otf
install_var: \
$(INSTALLDIR)/InterV.var.ttf \
$(INSTALLDIR)/InterV-Italic.var.ttf
$(INSTALLDIR)/%.ttc: $(FONTDIR)/static/%.ttc | $(INSTALLDIR)
cp -a $^ $@
$(INSTALLDIR)/%.otf: $(FONTDIR)/static/%.otf | $(INSTALLDIR)
cp -a $^ $@

24
misc/dist/about hinted fonts.txt vendored
View File

@ -1,24 +0,0 @@
Inter font files comes in two versions: without TrueType hints
and "hinted"; with TrueType hints. This directory contains font files with
TrueType hints for use with ClearType and other compatible shapers.
Hinted fonts looks different than unhinted fonts, especially at small sizes.
Before deciding to use these hinted fonts, consider the differences in
appearance compared to the regular fonts — you may prefer unhinted fonts for
some uses.
-----------------------------------------------------------------------------
What are hints?
The TrueType hints are used by ClearType on Windows machines where ClearType
is enabled. This usually changes the appearance of the fonts and can in some
cases increase the legibility of text.
Additionally, hints are little computer programs that takes up considerable
disk space, meaning that font files with hints are larger than those without
hints. This might be a consideration when using web fonts.
The hints for Inter are automatically generated by a program called autohint.

10
misc/dist/extras-readme.txt vendored Normal file
View File

@ -0,0 +1,10 @@
Inter extras
This directory contains some additional "bonus" content.
If you are looking for the actual font files to install and use,
please download the main release from:
https://rsms.me/inter/download/
Learn more about Inter at https://rsms.me/inter/

182
misc/dist/help.txt vendored Normal file
View File

@ -0,0 +1,182 @@
Installing & using the Inter fonts
Contents:
1. Installing font files
1.1. Installing on Apple macOS
1.2. Installing on Microsoft Windows
1.3. Installing on Ubuntu Linux
2. Using Inter in Web content
3. Hinted TrueType fonts (Inter TrueType.ttc)
4. Extras
5. License (can I use Inter for x?)
File index:
Inter.ttc Complete font family (CFF1)
Inter Variable*.ttf Complete font family (Variable TrueType)
Inter TrueType.ttc Complete font family (TrueType, with TT hints)
Web/* Web fonts and CSS
---------------------------------------------------------------------
1. Installing font files
Inter fonts comes in two flavors:
Variable (Inter Variable*.ttf) and Static (Inter.ttc).
Variable fonts allow you to choose any weight and optical size in
supported software. Variable fonts is a relatively recent new
technology, with varying degrees of software support.
Inter's variable font is called "Inter Variable" to avoid
confusion and to allow use alongside the traditional static fonts.
Static fonts works with older software and uses a fixed set of
predefined mixtures of weight and optical size. For example
"Inter Display Medium" is Inter with maximum optical size and a
weight of 500.
You will be installing both of these flavors.
1.1. Installing on Apple macOS
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", then press "Open"
Alternatively, if you prefer not to use Font Book, you can move or
copy the font files directly into ~/Library/Fonts/
1.2. Installing on Microsoft Windows
1. Open the zip file you downloaded
2. Select the files "Inter TrueType.ttc", "Inter Variable.ttf" and
"Inter Variable 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
to remove those fonts files before installing new ones. You need to
install the font for all users, as some software requires fonts to
be global.
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/)
If you prefer the look of Microsoft ClearType-style "hinted" fonts,
for step 2, install "Inter TrueType.ttc" (INSTEAD OF "Inter.ttc".)
You may have to restart apps and/or your window server session.
---------------------------------------------------------------------
2. Using Inter in Web content
1. Copy all woff2 files and the inter.css file from the "Web"
directory to your web server
2. Add the following into your HTML <head>:
<link rel="preconnect" href="https://your-domain/">
<link rel="stylesheet" href="https://your-domain/inter.css">
Replace "your-domain" with the actual domain name where you host
the woff2 font files.
3. If you are using a CDN, disable any automatic compression for
the woff2 files (they are already compressed) and set the
following HTTP headers for the woff2 files:
Content-Type: font/woff2
Cache-Control: max-age=31536000
The CSS contains specific version information in the URLs used
to load the fonts, so this is safe for upgrading to newer
versions of Inter.
4. In your main document's CSS, add the following to use Inter:
:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
:root { font-family: 'Inter var', sans-serif; }
}
There are many other ways of using Inter on the Web platform.
The instructions above is simply one way.
If you prefer to not host the fonts yourself, you can use the
official Inter CDN, which as a bonus means you are always serving
the latest version of Inter to your users:
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
---------------------------------------------------------------------
3. Hinted TrueType fonts (Inter TrueType.ttc)
This distribution contains TrueType fonts with hints (the programs
needed by ClearType) in a separate font bundle "Inter TrueType.ttc"
Microsoft Windows uses a technology called ClearType which alters
the shape of letters to increase sharpness, in particular for low-
density displays. This requires a font to have little programs
built into them, called TrueType hinting instructions, which lets
ClearType knows how to alter each character.
The standard distribution of Inter doesn't contain such "hints"
since it is relatively rare (and the web fonts would grow much
larger if they did contain such hinting programs.)
Additionally, some people on Windows do not like the appearance of
ClearType and prefer non-hinted fonts. (Tip: You can customize
ClearType to your liking in Window's settings.)
The variable font is currently not available with TrueType hints,
only the traditional "static" font files are. This will hopefully
change in a future release.
Important: DO NOT INSTALL BOTH VERSIONS!
DO NOT install both "Inter.ttc" and "Inter TrueType.ttc".
DO install ONE OF those font files,
or else confusing, strange things might happen (conflicts.)
Recap:
- If you want to make use of ClearType, install "Inter TrueType.ttc"
- If you do not want or need ClearType support, install "Inter.ttc"
---------------------------------------------------------------------
4. Extras
There's a separate zip file, available from the URL below, which
contains some additional content, like individual otf & ttf files.
Get a copy at: https://github.com/rsms/inter/releases/latest
---------------------------------------------------------------------
5. License (can I use Inter for x?)
Inter is a completely free-to-use typeface, including commercial
use. It is licensed under the SIL Open Font License 1.1, which
you have received a copy of in the separate file LICENSE.txt
Here is a brief outline of permissions, limitations and conditions:
Permissions Limitations Conditions
- Private use - No liability - License & copyright
- Commercial use - No warranty - Same license
- Modification
- Distribution
Please read the complete LICENSE.txt carefully!
---------------------------------------------------------------------
Learn more about Inter at https://rsms.me/inter/

32
misc/dist/install-linux.txt vendored
View File

@ -1,32 +0,0 @@
Installing on Linux:
There are many different Linux distributions and some handle font management
differently. These instructions are for the most common Linux distributions:
1. Create a folder called ".fonts" in your home directory.
Example: mkdir -p ~/.fonts
2. Copy the otf files in the "Desktop" folder into your .fonts directory
Example: cp "Desktop"/*.otf ~/.fonts/
You may have to restart apps and/or your window server session.
Again, these instructions are for the most common Linux distributuons like
Ubuntu and might not apply to you. Refer to the documentation for your
distribution for more details on how to manage fonts in your OS.
Q&A
Q: I installed the fonts but they don't show up
A: Try rebuilding the font database:
sudo fc-cache -f -v
Then restart your program(s).
Q: Is there a way to tell if Inter was actually installed?
A: Try running: fc-list | grep "Inter"
Q: ~/.fonts is an old thing. The new thing is ~/.local/share/fonts
A: Yes, that is true for recent distributions. These distros usually support
~/.fonts as well making these instructions work for everyone. Yay.

18
misc/dist/install-mac.txt vendored
View File

@ -1,18 +0,0 @@
Installing font files on macOS
Using Font Book:
1. Open the "Font Book" application.
2. In the main menu, select File, then Add Fonts...
3. Find the "Desktop" folder, select the folder (or open the folder and
select all the files inside the folder) and press the Open button.
Using Finder:
1. Copy the files in the "Desktop" folder
2. Press cmd-shift-G in Finder and go to: ~/Library/Fonts
3. Delete any existing "Inter" files and folders
4. Paste the copied files

24
misc/dist/install-win.txt vendored
View File

@ -1,24 +0,0 @@
Installing on Windows 10:
1. Copy the "Desktop" folder in the zip file to your Desktop.
2. Open the "Desktop" folder on your Desktop.
4. Select all font files.
5. Right-click the selected files and choose "Install for all users".
If you have a previous installation of Inter, you should make sure
to remove those fonts files before installing new ones. You need to
install the font for all users, as some software requires fonts to be
global.
ClearType-hinted fonts
Inter also comes with a version that has TrueType hints used by ClearType
on Windows. This changes the appearance of the fonts when rendered on a
system with ClearType enabled and can in some cases increase the legibility
of text. However, the hints for Inter are automatically generated and are
not always a good thing.
If you do prefer to use the version with hints, use the font files in the
"Desktop with TrueType hints" folder instead of "Desktop".

200
misc/dist/inter-display.css vendored
View File

@ -1,200 +0,0 @@
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("InterDisplay-Thin.woff2?v=3.12") format("woff2"),
url("InterDisplay-Thin.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("InterDisplay-ThinItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-ThinItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("InterDisplay-ExtraLight.woff2?v=3.12") format("woff2"),
url("InterDisplay-ExtraLight.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("InterDisplay-ExtraLightItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-ExtraLightItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("InterDisplay-Light.woff2?v=3.12") format("woff2"),
url("InterDisplay-Light.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("InterDisplay-LightItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-LightItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("InterDisplay-Regular.woff2?v=3.12") format("woff2"),
url("InterDisplay-Regular.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("InterDisplay-Italic.woff2?v=3.12") format("woff2"),
url("InterDisplay-Italic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("InterDisplay-Medium.woff2?v=3.12") format("woff2"),
url("InterDisplay-Medium.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("InterDisplay-MediumItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-MediumItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("InterDisplay-SemiBold.woff2?v=3.12") format("woff2"),
url("InterDisplay-SemiBold.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("InterDisplay-SemiBoldItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-SemiBoldItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("InterDisplay-Bold.woff2?v=3.12") format("woff2"),
url("InterDisplay-Bold.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("InterDisplay-BoldItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-BoldItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("InterDisplay-ExtraBold.woff2?v=3.12") format("woff2"),
url("InterDisplay-ExtraBold.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("InterDisplay-ExtraBoldItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-ExtraBoldItalic.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("InterDisplay-Black.woff2?v=3.12") format("woff2"),
url("InterDisplay-Black.woff?v=3.12") format("woff");
}
@font-face {
font-family: 'InterDisplay';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("InterDisplay-BlackItalic.woff2?v=3.12") format("woff2"),
url("InterDisplay-BlackItalic.woff?v=3.12") format("woff");
}
/* -------------------------------------------------------
Variable font.
Usage:
html { font-family: 'InterDisplay', sans-serif; }
@supports (font-variation-settings: normal) {
html { font-family: 'InterDisplay var', sans-serif; }
}
*/
@font-face {
font-family: 'InterDisplay var';
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: 'Regular';
src: url("InterDisplay-roman.var.woff2?v=3.12") format("woff2");
}
@font-face {
font-family: 'InterDisplay var';
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: 'Italic';
src: url("InterDisplay-italic.var.woff2?v=3.12") format("woff2");
}
/* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.
Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.
When using this, you will probably need to set font-variation-settings
explicitly, e.g.
* { font-variation-settings: "slnt" 0deg }
.italic { font-variation-settings: "slnt" 10deg }
*/
@font-face {
font-family: 'InterDisplay var experimental';
font-weight: 100 900;
font-display: swap;
font-style: oblique 0deg 10deg;
src: url("InterDisplay.var.woff2?v=3.12") format("woff2");
}

18
misc/dist/variable.txt vendored
View File

@ -1,18 +0,0 @@
There are two flavors of variable Inter to choose from:
- Inter.var.ttf & Inter-Italic.var.ttf
Family called "Inter"
- InterV.var.ttf & InterV-Italic.var.ttf
Family called "Inter V" which is identical to "Inter" with the family
name as the only exception.
Useful when you want to install traditional static font files alongside
the variable version.
Note that variable fonts is relatively new technology, with varying
degrees of support in operating systems, web browsers and apps.
If you're in doubt or uncertain about variable fonts, then you probably
don't need to use a variable font. Instead, install the fonts in the
"Desktop" folder.

73
misc/makezip2.sh
View File

@ -2,42 +2,38 @@
set -e
cd "$(dirname "$0")/.."
OPT_HELP=false
OPT_HELP=
OPT_REVEAL_IN_FINDER=false
OPT_EXTRAS=false
OUTFILE=
# parse args
while [[ $# -gt 0 ]]; do
case "$1" in
-h*|--h*)
OPT_HELP=true
shift
;;
-reveal-in-finder)
[ "$(uname -s)" = Darwin ] && OPT_REVEAL_IN_FINDER=true
shift
;;
-h|-help|--help) OPT_HELP=0; shift;;
-reveal-in-finder) OPT_REVEAL_IN_FINDER=true; shift;;
-extras|--extras) OPT_EXTRAS=true; shift;;
-*)
echo "$0: Unknown option $1" >&2
OPT_HELP=true
OPT_HELP=1
shift
;;
*)
if [[ "$OUTFILE" != "" ]] && ! $OPT_HELP; then
echo "$0: Extra unexpected argument(s) after <outfile>" >&2
OPT_HELP=true
OPT_HELP=1
fi
OUTFILE=$1
shift
;;
esac
done
if $OPT_HELP; then
if [ -n "$OPT_HELP" ]; then
echo "Usage: $0 [options] <outfile>"
echo "Options:"
echo " -h, -help Show help."
echo " -reveal-in-finder After creating the zip file, show it in Finder"
exit 1
exit $OPT_HELP
fi
# tmp dir
@ -51,52 +47,43 @@ if [[ "$OUTFILE_ABS" != /* ]]; then
fi
# cleanup any previous build
rm -rf "$ZIPDIR"
rm -f build/tmp/a.zip
rm -rf "$ZIPDIR" build/tmp/a.zip
# create directories
mkdir -p \
"$ZIPDIR/Desktop" \
"$ZIPDIR/Desktop with TrueType hints" \
"$ZIPDIR/Variable" \
"$ZIPDIR/Web"
mkdir -p "$(dirname "$OUTFILE_ABS")" "$ZIPDIR"
# copy font files
# ----------------------------------------------------------------------------
cp LICENSE.txt "$ZIPDIR/LICENSE.txt"
# Desktop
cp $FONTDIR/static/Inter-*.otf "$ZIPDIR/Desktop/" &
if $OPT_EXTRAS; then
mkdir -p "$ZIPDIR/OTF" "$ZIPDIR/TTF"
# Hinted for Windows
cp "misc/dist/about hinted fonts.txt" "$ZIPDIR/Desktop with TrueType hints/" &
cp $FONTDIR/static-hinted/Inter-*.ttf "$ZIPDIR/Desktop with TrueType hints/" &
cp misc/dist/extras-readme.txt "$ZIPDIR/README.txt"
cp build/fonts/static/Inter-*.otf "$ZIPDIR/OTF/" &
cp build/fonts/static-hinted/Inter-*.ttf "$ZIPDIR/TTF/" &
else
mkdir -p "$ZIPDIR/Web"
# Variable ("Inter" and "Inter V")
cp $FONTDIR/var/Inter*.var.ttf "$ZIPDIR/Variable/" &
cp misc/dist/help.txt "$ZIPDIR/help.txt"
cp build/fonts/static/Inter.ttc "$ZIPDIR/Inter.ttc"
cp build/fonts/static-hinted/Inter-truetype.ttc "$ZIPDIR/Inter TrueType.ttc"
cp build/fonts/var/InterV.var.ttf "$ZIPDIR/Inter Variable.ttf"
cp build/fonts/var/InterV-Italic.var.ttf "$ZIPDIR/Inter Variable Italic.ttf"
# Web
cp $FONTDIR/static/Inter-*.woff* "$ZIPDIR/Web/" &
cp $FONTDIR/var/Inter.var.woff2 "$ZIPDIR/Web/" &
cp $FONTDIR/var/Inter-Italic.var.woff2 "$ZIPDIR/Web/" &
cp misc/dist/inter.css "$ZIPDIR/Web/" &
cp build/fonts/static/Inter-*.woff2 \
build/fonts/var/Inter.var.woff2 \
build/fonts/var/Inter-Italic.var.woff2 \
misc/dist/inter.css "$ZIPDIR/Web/" &
fi
# ----------------------------------------------------------------------------
# copy misc stuff
cp misc/dist/install*.txt "$ZIPDIR/"
cp LICENSE.txt "$ZIPDIR/"
mkdir -p "$(dirname "$OUTFILE_ABS")"
# wait for processes to finish
wait
# zip
pushd "$ZIPDIR" >/dev/null
zip -q -X -r "$OUTFILE_ABS" *
popd >/dev/null
rm -rf "$ZIPDIR"
echo "Created $OUTFILE"
if $OPT_REVEAL_IN_FINDER && [ -f /usr/bin/open ]; then
if $OPT_REVEAL_IN_FINDER && [ "$(uname -s)" = Darwin ] && [ -f /usr/bin/open ]; then
/usr/bin/open --reveal "$OUTFILE"
fi