mirror of
https://github.com/9001/copyparty.git
synced 2025-08-17 09:02:15 -06:00
e78af02241
* add readme section on using amazon/aws s3 as storage * mention http/https confusion caused by incorrectly configured cloudflare * improve custom-font notes * docker: ftp-server howto * docker: suggest moving hist-folders into the config path and switch the idp docker-compose files to use the main image, in anticipation of v1.11
50 lines
1.6 KiB
Markdown
50 lines
1.6 KiB
Markdown
# custom fonts
|
|
|
|
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">'`
|
|
|
|
alternatively, if you are using a config file instead of commandline args:
|
|
|
|
```yaml
|
|
[global]
|
|
html-head: <link rel="stylesheet" href="/customfonts.css">
|
|
```
|
|
|
|
restart copyparty for the config change to take effect
|
|
|
|
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)
|
|
|
|
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`:
|
|
|
|
```css
|
|
@font-face {
|
|
font-family: 'scp';
|
|
font-display: swap;
|
|
src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'), url(deps/scp.woff2) format('woff2');
|
|
}
|
|
```
|
|
|
|
and because textboxes don't inherit fonts by default, you can force it like this:
|
|
|
|
```css
|
|
input[type=text], input[type=submit], input[type=button] { font-family: var(--font-main) }
|
|
```
|
|
|
|
and if you want to have a monospace font in the fancy markdown editor, do this:
|
|
|
|
```css
|
|
.EasyMDEContainer .CodeMirror { font-family: var(--font-mono) }
|
|
```
|
|
|
|
NB: `<textarea id="mt">` and `<div id="mtr">` in the regular markdown editor must have the same font; none of the suggestions above will cause any issues but keep it in mind if you're getting creative
|
|
|