OwlBoard/web-pwa
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add URWGothic typeface

Browse Source
This commit is contained in:
Fred Boniface
2026-03-10 22:36:44 +00:00
parent ea2468092c
commit 9e3d6856d9
7 changed files with 152 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/lib/global.css Normal file
View File

@@ -0,0 +1,55 @@
/* OwlBoard Global CSS */
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-book-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-bookoblique-webfont.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-demi-webfont.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-demioblique-webfont.woff2') format('woff2');
font-weight: 600;
font-style: italic;
font-display: swap;
}
body {
margin: 0;
padding: 0;
background-color: var(--color-accent);
color: white;
-webkit-font-smoothing: antialiased;
-mos-osx-font-smoothing: grayscale;
overflow-x: hidden;
}

13
src/routes/+layout.svelte
View File

@@ -1,6 +1,8 @@
<script lang="ts">
import { page } from '$app/state';
import '$lib/global.css';
import logoText from '$lib/assets/round-logo-text.svg';
import logoPlain from '$lib/assets/round-logo.svg';
import favicon from '$lib/assets/round-logo.svg';
@@ -78,15 +80,6 @@
--color-shadow: hsla(210, 20%, 5%, 0.35);
--shadow-std: 0 4px 12px var(--color-shadow);
--shadow-up: 0 -4px 12px var(--color-shadow);
}
:global(body) {
margin: 0;
padding: 0;
background-color: var(--color-accent);
overflow-x: hidden;
}
header {
@@ -107,6 +100,8 @@
}
.page-title {
font-family: 'URW Gothic' sans-serif;
font-weight: 600;
margin-left: 5px;
padding-bottom: 2px;
color: var(--color-title);