mirror of
https://github.com/rsms/inter.git
synced 2024-11-05 03:25:15 +03:00
Merge branch 'pepelsbey-update-web-snippet'
This commit is contained in:
commit
9010073714
16
README.md
16
README.md
@ -29,11 +29,20 @@ several [OpenType features](https://rsms.me/inter/#features), like contextual al
|
||||
- To use Inter on a web page, use the official
|
||||
[CDN distribution:](https://rsms.me/inter/inter.css)
|
||||
|
||||
```html
|
||||
<link rel="preconnect" href="https://rsms.me/">
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
||||
```
|
||||
|
||||
```css
|
||||
@import url('https://rsms.me/inter/inter.css');
|
||||
html { font-family: 'Inter', sans-serif; }
|
||||
html {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
@supports (font-variation-settings: normal) {
|
||||
html { font-family: 'Inter var', sans-serif; }
|
||||
html {
|
||||
font-family: 'Inter var', sans-serif;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
@ -149,4 +158,3 @@ Translating between EM units and pixels:
|
||||
- Rasterized at 11px: 1px = 256 units
|
||||
- Rasterized at 22px: 1px = 128 units
|
||||
- Rasterized at 44px: 1px = 64 units
|
||||
|
||||
|
1
docs/.gitignore
vendored
1
docs/.gitignore
vendored
@ -1,3 +1,4 @@
|
||||
/.jekyll*
|
||||
/.ruby*
|
||||
/_site
|
||||
/lab/fonts
|
||||
|
@ -32,4 +32,6 @@ gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
|
||||
# do not have a Java counterpart.
|
||||
gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
|
||||
|
||||
gem "webrick", "~> 1.7"
|
||||
gem "jekyll-redirect-from"
|
||||
|
||||
gem "webrick"
|
||||
|
@ -1,8 +1,8 @@
|
||||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
addressable (2.8.0)
|
||||
public_suffix (>= 2.0.2, < 5.0)
|
||||
addressable (2.8.1)
|
||||
public_suffix (>= 2.0.2, < 6.0)
|
||||
colorator (1.1.0)
|
||||
concurrent-ruby (1.1.10)
|
||||
em-websocket (0.5.3)
|
||||
@ -12,7 +12,7 @@ GEM
|
||||
ffi (1.15.5)
|
||||
forwardable-extended (2.6.0)
|
||||
http_parser.rb (0.8.0)
|
||||
i18n (1.10.0)
|
||||
i18n (1.12.0)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (4.2.2)
|
||||
addressable (~> 2.4)
|
||||
@ -31,6 +31,8 @@ GEM
|
||||
terminal-table (~> 2.0)
|
||||
jekyll-feed (0.16.0)
|
||||
jekyll (>= 3.7, < 5.0)
|
||||
jekyll-redirect-from (0.16.0)
|
||||
jekyll (>= 3.3, < 5.0)
|
||||
jekyll-sass-converter (2.2.0)
|
||||
sassc (> 2.0.1, < 3.0)
|
||||
jekyll-seo-tag (2.8.0)
|
||||
@ -52,12 +54,12 @@ GEM
|
||||
jekyll-seo-tag (~> 2.1)
|
||||
pathutil (0.16.2)
|
||||
forwardable-extended (~> 2.6)
|
||||
public_suffix (4.0.7)
|
||||
rb-fsevent (0.11.1)
|
||||
public_suffix (5.0.0)
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.10.1)
|
||||
ffi (~> 1.0)
|
||||
rexml (3.2.5)
|
||||
rouge (3.28.0)
|
||||
rouge (3.30.0)
|
||||
safe_yaml (1.0.5)
|
||||
sassc (2.4.0)
|
||||
ffi (~> 1.9)
|
||||
@ -67,17 +69,18 @@ GEM
|
||||
webrick (1.7.0)
|
||||
|
||||
PLATFORMS
|
||||
arm64-darwin-21
|
||||
x86_64-darwin-19
|
||||
|
||||
DEPENDENCIES
|
||||
http_parser.rb (~> 0.6.0)
|
||||
jekyll (~> 4.2.2)
|
||||
jekyll-feed (~> 0.12)
|
||||
jekyll-redirect-from
|
||||
minima (~> 2.5)
|
||||
tzinfo (~> 1.2)
|
||||
tzinfo-data
|
||||
wdm (~> 0.1.1)
|
||||
webrick (~> 1.7)
|
||||
webrick
|
||||
|
||||
BUNDLED WITH
|
||||
2.3.14
|
||||
2.3.22
|
||||
|
@ -6,13 +6,22 @@ export PATH := $(BIN):$(PATH)
|
||||
default:
|
||||
@echo "Please specify a target: build, serve or dist" >&2
|
||||
|
||||
build:
|
||||
build: .ruby-bundle
|
||||
rm -rf _site
|
||||
bundle exec jekyll build
|
||||
|
||||
serve:
|
||||
serve: .ruby-bundle
|
||||
./_scripts/serve.sh
|
||||
|
||||
.ruby-bundle: Gemfile Gemfile.lock
|
||||
@if ! (command -v bundle >/dev/null && command -v jekyll >/dev/null); then \
|
||||
echo "Please install Ruby bundle and jekyll: gem install bundler jekyll" >&2; \
|
||||
exit 1; \
|
||||
fi
|
||||
bundle update
|
||||
bundle install
|
||||
touch .ruby-bundle
|
||||
|
||||
# -----------------------------------------------------------------------
|
||||
|
||||
dist: fonts info
|
||||
|
@ -5,5 +5,5 @@ assign url_root = "/" %}{% else %}{%
|
||||
assign url_root = "/inter/" %}{% endif %}{%
|
||||
assign font_v = site.data.fontinfo[0].version
|
||||
|
||||
%}<link rel="preload" href="{{url_root}}font-files/Inter-roman.latin.var.woff2?v={{font_v}}" as="font" type="font/woff2" crossorigin="anonymous">
|
||||
<link rel="preload" href="{{url_root}}font-files/Inter-italic.latin.var.woff2?v={{font_v}}" as="font" type="font/woff2" crossorigin="anonymous">
|
||||
%}<link rel="preload" href="{{url_root}}font-files/Inter-roman.var.woff2?v={{font_v}}" as="font" type="font/woff2" crossorigin="anonymous">
|
||||
<link rel="preload" href="{{url_root}}font-files/Inter-italic.var.woff2?v={{font_v}}" as="font" type="font/woff2" crossorigin="anonymous">
|
@ -84,13 +84,17 @@ endfor
|
||||
<p>
|
||||
Using Inter is as easy as
|
||||
<a class="download-link" href="download/">downloading & installing</a>
|
||||
the font files. If you're making a web thing, you can use the following CSS.
|
||||
<!-- or get it from <a href="https://fonts.google.com/specimen/Inter">Google Fonts</a>. -->
|
||||
the font files.<br>
|
||||
If you're making a web thing, you can use the following HTML and CSS:
|
||||
</p>
|
||||
<pre>@import url('https://rsms.me/inter/inter.css');
|
||||
html { font-family: 'Inter', sans-serif; }
|
||||
<pre><!-- HTML in your document's head -->
|
||||
<link rel="preconnect" href="https://rsms.me/">
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
||||
|
||||
/* CSS */
|
||||
:root { font-family: 'Inter', sans-serif; }
|
||||
@supports (font-variation-settings: normal) {
|
||||
html { font-family: 'Inter var', sans-serif; }
|
||||
:root { font-family: 'Inter var', sans-serif; }
|
||||
}</pre>
|
||||
</c>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user