mirror of
https://github.com/9001/copyparty.git
synced 2025-08-17 09:02:15 -06:00
less confusing explanation hopefully
This commit is contained in:
parent
6cc7101d31
commit
c8ea4066b1
|
@ -1,6 +1,14 @@
|
||||||
# custom fonts
|
# custom fonts
|
||||||
|
|
||||||
to change the fonts in the web-UI, first create a css file with your customizations, for example `customfonts.css`, for example in your webroot
|
to change the fonts in the web-UI, first save the following text (the default font-config) to a new css file, for example named `customfonts.css` in your webroot:
|
||||||
|
|
||||||
|
```css
|
||||||
|
:root {
|
||||||
|
--font-main: sans-serif;
|
||||||
|
--font-serif: serif;
|
||||||
|
--font-mono: 'scp';
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
add this to your copyparty config so the css file gets loaded: `--html-head='<link rel="stylesheet" href="/customfonts.css">'`
|
add this to your copyparty config so the css file gets loaded: `--html-head='<link rel="stylesheet" href="/customfonts.css">'`
|
||||||
|
|
||||||
|
@ -11,15 +19,9 @@ alternatively, if you are using a config file instead of commandline args:
|
||||||
html-head: <link rel="stylesheet" href="/customfonts.css">
|
html-head: <link rel="stylesheet" href="/customfonts.css">
|
||||||
```
|
```
|
||||||
|
|
||||||
make your changes in the css file; this is the default values to get you started:
|
restart copyparty for the config change to take effect
|
||||||
|
|
||||||
```css
|
edit the css file you made and press `ctrl`-`shift`-`R` in the browser to see the changes as you go (no need to restart copyparty for each change)
|
||||||
:root {
|
|
||||||
--font-main: sans-serif;
|
|
||||||
--font-serif: serif;
|
|
||||||
--font-mono: 'scp';
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
if you are introducing a new ttf/woff font, don't forget to declare the font itself in the css file; here's one of the default fonts from `ui.css`:
|
if you are introducing a new ttf/woff font, don't forget to declare the font itself in the css file; here's one of the default fonts from `ui.css`:
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue