add support for new atkinson fonts

This commit is contained in:
mst 2025-03-11 16:02:02 +03:00
parent 55bca76629
commit f824a88dd9
No known key found for this signature in database
4 changed files with 21 additions and 2 deletions

Binary file not shown.

Binary file not shown.

View file

@ -8,9 +8,11 @@
<div class="form-group mb-4">
<label class="form-label" for="accessibility.font">{{ _('Font') }}</label>
<select id="accessibility.font" name="accessibility.font" class="form-select">
<option value="default"{% if cfg.accessibility.font == 'default' %} selected{% endif %}>{{ _('Default') }}</option>
<option value="default"{% if cfg.accessibility.font == 'default' %} selected{% endif %}>{{ _('Default (Rubik)') }}</option>
<option value="system"{% if cfg.accessibility.font == 'system' %} selected{% endif %}>{{ _('System') }}</option>
<option value="atkinson-next"{% if cfg.accessibility.font == 'atkinson-next' %} selected{% endif %}>{{ _('Atkinson Hyperlegible Next') }}</option>
<option value="atkinson"{% if cfg.accessibility.font == 'atkinson' %} selected{% endif %}>{{ _('Atkinson Hyperlegible') }}</option>
<option value="atkinson-mono"{% if cfg.accessibility.font == 'atkinson-mono' %} selected{% endif %}>{{ _('Atkinson Hyperlegible Mono') }}</option>
</select>
</div>
{#- i dont think userway should be translated since its a company name and those usually arent translated #}

View file

@ -29,7 +29,9 @@
:root {
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
}
{% elif cfg.accessibility.font == 'atkinson' %}
{% endif %}
{% if cfg['accessibility']['font'].startswith("atkinson") %}
{% if cfg.accessibility.font == 'atkinson' %}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible Bold'), local('AtkinsonHyperlegible-Bold'),
@ -65,6 +67,21 @@
font-style: normal;
font-display: swap;
}
{% elif cfg.accessibility.font == 'atkinson-next' %}
@font-face {
font-family: "Atkinson Hyperlegible";
font-display: swap;
font-weight: 100 900;
src: url("/static/fonts/AtkinsonHyperlegibleNextVF-Variable.woff2") format('woff2-variations');
}
{% elif cfg.accessibility.font == 'atkinson-mono' %}
@font-face {
font-family: "Atkinson Hyperlegible";
font-display: swap;
font-weight: 100 900;
src: url("/static/fonts/AtkinsonHyperlegibleMonoVF-Variable.woff2") format('woff2-variations');
}
{% endif %}
:root {
--bs-font-sans-serif: "Atkinson Hyperlegible", sans-serif;
--bs-body-font-size: 1.05rem;