Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use SIL Open Font in example #21597

Merged
merged 5 commits into from
Nov 4, 2022
Merged

Use SIL Open Font in example #21597

Changes from 3 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
42ba852
Use SIL Open Font in example
Elchi3 Oct 17, 2022
847ddae
Use Google Font
Elchi3 Oct 18, 2022
6084096
Remove installation requirement given the web font
Elchi3 Oct 18, 2022
21f0c33
Use MonteCarlo
Elchi3 Oct 24, 2022
c59719e
Use self loaded MonteCarlo font
Elchi3 Nov 4, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions files/en-us/web/css/font-variant-alternates/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,9 @@ This property may take one of two forms:
#### CSS

```css
@font-feature-values "Leitura Display Swashes" {
@import url("https://fonts.googleapis.com/css2?family=Bellota");

@font-feature-values "Bellota" {
@swash {
fancy: 1;
}
Expand All @@ -102,14 +104,14 @@ p {
}

.variant {
font-family: Leitura Display Swashes;
font-family: "Bellota";
font-variant-alternates: swash(fancy);
}
```

#### Result

> **Note:** You need to install the OpenType font _Leitura Display Swashes_ for this example to work. You can find a few free versions for testing purposes, for example from [fontsgeek.com](https://fontsgeek.com/fonts/Leitura-Display-Swashes).
> **Note:** The _Bellota_ font is licensed under the [SIL Open Font License Version 1.1](http://scripts.sil.org/OFL) and can be found at <https://github.com/kemie/Bellota-Font>. More fonts can be found in the [Google Font corpus](https://github.com/google/fonts).

{{ EmbedLiveSample('Enabling swash glyphs') }}

Expand Down