1
1
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:
Rasmus Andersson 2022-09-29 12:11:03 -07:00
commit 9010073714
7 changed files with 50 additions and 23 deletions

View File

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

@ -1,3 +1,4 @@
/.jekyll*
/.ruby*
/_site
/lab/fonts

View File

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

View File

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

View File

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

View File

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

View File

@ -84,13 +84,17 @@ endfor
<p>
Using Inter is as easy as
<a class="download-link" href="download/">downloading &amp; 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>&lt;!-- HTML in your document's head --&gt;
&lt;link rel=&quot;preconnect&quot; href=&quot;https://rsms.me/&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://rsms.me/inter/inter.css&quot;&gt;
/* 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>