generated from nl-design-system/example
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add public font package with Fira Sans
- Loading branch information
Showing
12 changed files
with
83 additions
and
52 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
<!-- @license CC0-1.0 --> | ||
|
||
<!-- markdownlint-disable MD033 --> | ||
|
||
# Rijkshuisstijl Community font | ||
|
||
> <span lang="en">This is not the Rijkshuisstijl font, this is just a tribute.</span> | ||
> | ||
> — Tenacious B | ||
Dit npm pakketje met fonts kun je gebruiken als alternatief op de officiële Rijkshuisstijl fonts, voor situaties waar je geen toestemming hebt om de officiële fonts te gebruiken. | ||
|
||
- Alternatief voor **Rijkshuisstijl Web Sans**: wij gebruiken Fira Sans als een alternatief voor Rijkshuisstijl Web Sans. | ||
- Alternatief voor **Rijkshuisstijl Web Serif**: er is nog geen goed alternatief gevonden voor Rijkshuisstijl Web Serif, daarom gebruiken we het sans-serif font Fira Sans ook als alternatief voor het serif font. | ||
|
||
## Downloaden | ||
|
||
Designers kunnen de font [Fira Sans downloaden via Fontsource](https://fontsource.org/fonts/fira-sans). | ||
|
||
## Installatie | ||
|
||
Installeer de font in Node.js projecten door het volgende commando in de terminal uit te voeren: | ||
|
||
```shell | ||
npm install -D @rijkshuisstijl-community/font | ||
``` | ||
|
||
Gebruik in JavaScript frameworks zoals React en Angular de volgende code: | ||
|
||
```mjs | ||
import '@rijkshuisstijl-community/font/src/index.mjs'; | ||
``` | ||
|
||
## Op zoek naar de officiële lettertypes? | ||
|
||
De officiële lettertypes kun je downloaden via [rijkshuisstijl.nl](https://www.rijkshuisstijl.nl/publiek/modules/product/DigitalStyleGuide/default/index.aspx?ItemId=6745), als je voldoende rechten hebt. Bijvoorbeeld als je bij de Rijksoverheid werkt en je ingelogd bent via Citrix. | ||
|
||
### Fonts downloaden via de network tab van developer tools | ||
|
||
Dat is niet de bedoeling. De officiële manier is om aan de font files te komen is via rijkshuisstijl.nl, via de eerdergenoemde link. | ||
|
||
### Fonts opslaan GitHub | ||
|
||
Dat is niet de bedoeling. Als je de officiële fonts opslaat in een publieke GitHub repository, dan kun je e-mails verwachten met een vriendelijk doch dwingend verzoek om ze er weer te verwijderen. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
import '@fontsource/fira-sans/400.css'; | ||
import '@fontsource/fira-sans/400-italic.css'; | ||
import '@fontsource/fira-sans/700.css'; | ||
import '@fontsource/fira-sans/700-italic.css'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
@import "~@fontsource/fira-sans/400.css"; | ||
@import "~@fontsource/fira-sans/400-italic.css"; | ||
@import "~@fontsource/fira-sans/700.css"; | ||
@import "~@fontsource/fira-sans/700-italic.css"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
import markdown from '@rijkshuisstijl-community/font/README.md?raw'; | ||
import { Markdown, Meta } from '@storybook/addon-docs'; | ||
|
||
<Meta title="Rijkshuisstijl Community/Font" /> | ||
|
||
<Markdown>{markdown}</Markdown> |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.