Change body font

This commit is contained in:
Fred Boniface 2022-10-17 10:55:41 +01:00
parent 5680ce1ae2
commit e666be7096
35 changed files with 25 additions and 86 deletions

View File

@ -26,9 +26,28 @@
} }
@font-face { @font-face {
font-family: 'raleway-light'; font-family: 'oxygen';
src: url('/style/fonts/raleway/raleway-light.woff2') format('woff2'), src: url('/style/fonts/oxygen/oxygen-regular.woff2') format('woff2'),
url('/style/fonts/raleway/raleway-light.woff') format('woff'); url('/style/fonts/oxygen/oxygen-regular.woff') format('woff'),
url('/style/fonts/oxygen/oxygen-regular.ttf') formar('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'oxygen';
src: url('/style/fonts/oxygen/oxygen-bold.woff2') format('woff2'),
url('/style/fonts/oxygen/oxygen-bold.woff') format('woff'),
url('/style/fonts/oxygen/oxygen-bold.ttf') formar('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'oxygen';
src: url('/style/fonts/oxygen/oxygen-light.woff2') format('woff2'),
url('/style/fonts/oxygen/oxygen-light.woff') format('woff'),
url('/style/fonts/oxygen/oxygen-light.ttf') formar('truetype');
font-weight: 300;
font-style: normal;
}

View File

@ -1,4 +1,4 @@
Copyright 2010 The Raleway Project Authors (impallari@gmail.com), with Reserved Font Name "Raleway". Copyright (c) 2012, vernon adams (vern@newtypography.co.uk), with Reserved Font Names 'Oxygen'
This Font Software is licensed under the SIL Open Font License, Version 1.1. This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at: This license is copied below, and is also available with a FAQ at:

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,81 +0,0 @@
Raleway Variable Font
=====================
This download contains Raleway as both variable fonts and static fonts.
Raleway is a variable font with this axis:
wght
This means all the styles are contained in these files:
Raleway-VariableFont_wght.ttf
Raleway-Italic-VariableFont_wght.ttf
If your app fully supports variable fonts, you can now pick intermediate styles
that arent available as static fonts. Not all apps support variable fonts, and
in those cases you can use the static font files for Raleway:
static/Raleway-Thin.ttf
static/Raleway-ExtraLight.ttf
static/Raleway-Light.ttf
static/Raleway-Regular.ttf
static/Raleway-Medium.ttf
static/Raleway-SemiBold.ttf
static/Raleway-Bold.ttf
static/Raleway-ExtraBold.ttf
static/Raleway-Black.ttf
static/Raleway-ThinItalic.ttf
static/Raleway-ExtraLightItalic.ttf
static/Raleway-LightItalic.ttf
static/Raleway-Italic.ttf
static/Raleway-MediumItalic.ttf
static/Raleway-SemiBoldItalic.ttf
static/Raleway-BoldItalic.ttf
static/Raleway-ExtraBoldItalic.ttf
static/Raleway-BlackItalic.ttf
Get started
-----------
1. Install the font files you want to use
2. Use your app's font picker to view the font family and all the
available styles
Learn more about variable fonts
-------------------------------
https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
https://variablefonts.typenetwork.com
https://medium.com/variable-fonts
In desktop apps
https://theblog.adobe.com/can-variable-fonts-illustrator-cc
https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
Online
https://developers.google.com/fonts/docs/getting_started
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
Installing fonts
MacOS: https://support.apple.com/en-us/HT201749
Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
Android Apps
https://developers.google.com/fonts/docs/android
https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
License
-------
Please read the full license text (OFL.txt) to understand the permissions,
restrictions and requirements for usage, redistribution, and modification.
You can use them in your products & projects print or digital,
commercial or otherwise.
This isn't legal advice, please consider consulting a lawyer and see the full
license for all details.

View File

@ -33,7 +33,8 @@ body {
.page-main-content { .page-main-content {
text-align: center; text-align: center;
font-family: raleway-light, sans-serif; font-family: oxygen, sans-serif;
font-weight: normal;
color: #f0f0f0f0; color: #f0f0f0f0;
width: 95%; width: 95%;
overflow: hidden; overflow: hidden;