diff options
| author | Jieiku | 2023-08-25 12:12:37 -0700 |
|---|---|---|
| committer | Jieiku | 2023-08-25 12:12:37 -0700 |
| commit | 98ad16f5e48f11f8ad92717384253cb9b6ffe0c9 (patch) | |
| tree | 7c8ca3f5c5bc2413b4c05880df01b5dfeca47bf0 /config.toml | |
| parent | 009d3f90b1881530bd28003abe83cfc3735882be (diff) | |
| download | abridge-98ad16f5e48f11f8ad92717384253cb9b6ffe0c9.tar.gz abridge-98ad16f5e48f11f8ad92717384253cb9b6ffe0c9.tar.bz2 abridge-98ad16f5e48f11f8ad92717384253cb9b6ffe0c9.zip | |
Fonts Documentation
Diffstat (limited to 'config.toml')
| -rw-r--r-- | config.toml | 25 |
1 files changed, 13 insertions, 12 deletions
diff --git a/config.toml b/config.toml index 284366f..fdb8d23 100644 --- a/config.toml +++ b/config.toml @@ -113,7 +113,7 @@ menu_footer = [ ] recent = true # TOC / index -recent_items = 9 +recent_items = 12 meta_index = { position="bottom", size="s90", author=false, readtime=false, readstring="min", date=true, updated=false, categories_tags=true, divider=" " } meta_post = { position="top", size="s95", author=true, readtime=false, readstring="min read", date=true, updated=true, categories_tags=true, divider=" " } @@ -281,28 +281,29 @@ favicon16 = "favicon-16x16.png" # favicon-16x16.png ############################################################################### -### FONTS -### Abridge by default uses the System Font Stack: +### FONTS - Abridge by default uses the System Font Stack ### https://css-tricks.com/snippets/css/system-font-stack/ -### The System Font Stack offers the best performance, but if you need you can load a specific font. +### However if you need you can load a specific font below, +### make sure to have the relevant woff2 fonts in your static/fonts folder +### I measured the least Cumulative Layout Shift with: Roboto, Lato, Arimo ############################################################################### ### For externally loaded Fonts, make sure to include the FULL url including the https prefix: #fonts = [ {url = "https://fonts.googleapis.com/css?family=Roboto:400,700,italic|Roboto+Mono:400,italic"} ] -### Local fonts are defined in the css, https://github.com/Jieiku/abridge/blob/master/sass/fonts/_Roboto.scss -### To import one include in the imports file: https://github.com/Jieiku/abridge/blob/master/sass/_imports.scss +### Local fonts are defined in the css, https://github.com/Jieiku/abridge/tree/master/COPY-TO-ROOT-SASS/fonts/_Arimo.scss +### To load a local font resource, look at the bottom of this file: https://github.com/Jieiku/abridge/blob/master/COPY-TO-ROOT-SASS/abridge.scss -### After importing them in the CSS, You can also define them below and it will add the preload tag to the head. +### After loading them in the CSS, You can also define them below and it will add the preload tag to the head. ### preloading fonts will eliminate Content Layout Shift, but will hurt with page load time. (not recommended) #fonts = [ -# {url = "font/Roboto-Mono.woff2"}, -# {url = "font/Roboto-Mono-Italic.woff2"}, -# {url = "font/Roboto.woff2"}, -# {url = "font/Roboto-Italic.woff2"}, -# {url = "font/Roboto-Bold.woff2"}, +# {url = "fonts/Roboto-Mono.woff2"}, +# {url = "fonts/Roboto-Mono-Italic.woff2"}, +# {url = "fonts/Roboto.woff2"}, +# {url = "fonts/Roboto-Italic.woff2"}, +# {url = "fonts/Roboto-Bold.woff2"}, #] |