Skip to content

Commit 066f7c9

Browse files
committed
Use native font stack (#417)
It ensures that the text is displayed in the font that the user is most comfortable with, and it also reduces the size of the data transferred. Breaking change: The Titillium web font has been replaced with native font stack. Migration: To keep the Titillium web font in your project, load the web font and override the `--rui-font-family-base` custom property: ``` --rui-font-family-base: 'Titillium Web', helvetica, roboto, arial, sans-serif; ```
1 parent cecd54d commit 066f7c9

File tree

8 files changed

+294
-235
lines changed

8 files changed

+294
-235
lines changed

README.md

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -53,16 +53,7 @@ To install React UI in your app:
5353
npm install --save @react-ui-org/react-ui
5454
```
5555

56-
2. Load the Titillium Web font:
57-
58-
```html
59-
<link
60-
href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap"
61-
rel="stylesheet"
62-
/>
63-
```
64-
65-
3. Load React UI CSS in your app:
56+
2. Load React UI CSS in your app:
6657

6758
<!-- eslint-env browser -->
6859
<!-- eslint-disable import/no-unresolved -->
@@ -73,7 +64,7 @@ To install React UI in your app:
7364

7465
<!-- eslint-env browser -->
7566

76-
4. Import and use any of React UI components in your app:
67+
3. Import and use any of React UI components in your app:
7768

7869
```jsx
7970
import { Button } from '@react-ui-org/react-ui';

mkdocs.yml

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,6 @@ theme:
2929
language: 'en'
3030
favicon: 'favicon.ico'
3131
custom_dir: 'src/docs/_overrides'
32-
font:
33-
text: 'Titillium Web'
3432
palette:
3533
- media: "(prefers-color-scheme: light)"
3634
scheme: default
@@ -135,6 +133,7 @@ nav:
135133
- TransferProps: 'helpers/transferProps/README.md'
136134
- Guides:
137135
- Customize:
136+
- Font: 'docs/customize/font.md'
138137
- Theming:
139138
- Overview: 'docs/customize/theming/overview.md'
140139
- Forms: 'docs/customize/theming/forms.md'

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
"precopy": "rm -rf dist && mkdir dist",
5757
"prepublishOnly": "npm run build",
5858
"start": "webpack --watch --mode=development",
59-
"stylelint": "stylelint \"src/**/*.scss\" --config stylelint.config.js",
59+
"stylelint": "stylelint \"src/**/*.{css,scss}\" \"!src/docs/_assets/generated/**\" --config stylelint.config.js",
6060
"test": "npm run jest"
6161
},
6262
"dependencies": {

0 commit comments

Comments
 (0)