add change fonts explanation

This commit is contained in:
madrilene 2023-02-24 15:52:57 +01:00
parent 554cc45e0a
commit abab08e5a9
2 changed files with 2 additions and 1 deletions

View file

@ -1,6 +1,6 @@
{
"name": "eleventy-excellent",
"version": "1.4.3",
"version": "1.4.4",
"description": "Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.",
"author": "Lene Saile",
"license": "ISC",

View file

@ -63,6 +63,7 @@ https://eleventy-excellent.netlify.app/
- Edit your preferences (colors, fluid text sizes etc.) in `src/assets/design-tokens`.
- Optional: set your (favicon) icons in `src/assets/images/favicon`.
- Optional: rename `.env-sample` to `.env` and set custom URL for local development.
- Optional: Change fonts. This starter uses three fonts, Red Hat Display, Inter and Roboto Mono. You can add or delete fonts in `src/assets/fonts`. I recommend creating font subsets for performance, for example using the [Fontsquirrel Webfont Generator](https://www.fontsquirrel.com/tools/webfont-generator). Next, edit `src/assets/css/global/fonts.css`. Add your new font aliases in `src/assets/design-tokens/fonts.json`. Finally, in `src/_layouts/base.njk` edit the font preloads. Roboto mono is only used for code blocks. It's preload is set directly in the post layout: `src/_layouts/post.njk`.
## Deploy directly to Netlify