Updated font used + corresponding README entry

Switched to a ~1mb woff2 font file which is slightly less onerous than the ~4mb tff I was using before. Eventually need to custom-build a file to get it down to kbs.
This commit is contained in:
Author 2024-03-26 22:35:19 -04:00
parent e11fef0f85
commit dbd241ec1c
2 changed files with 8 additions and 3 deletions

View file

@ -3,7 +3,7 @@ This repository contains the code for my personal site, hosted at [carya.softwar
# Building
"Building" the site such that it can be deployed is simple. Clone the repository, add the relevant font(s) and large file(s), and compile the tailwindCSS.
## Fonts
Obtain the file [ioseevka_ter_regular.ttf](https://typeof.net/Iosevka/) and put it in the fonts folder. Obtain any large files omitted from the repository (currently just mushrooms.jpg) and put them in the project root folder.
Obtain the file [IosevkaAile-Regular.woff2](https://typeof.net/Iosevka/) and put it in the fonts folder. Obtain any large files omitted from the repository (currently just mushrooms.jpg) and put them in the project root folder.
## Tailwind
[Install TailwindCSS](https://tailwindcss.com/docs/installation) (site most recently built with v3.3.3) with npm if you haven't already. Compile the CSS with the following terminal command.

View file

@ -4,9 +4,14 @@
@font-face {
font-family: 'Iosevka';
src: url('../font/ioseevka_term_regular.ttf') format('truetype');
src: url('../font/IosevkaAile-Regular.woff2') format('woff2');
}
/*@font-face {
font-family: 'Iosevka';
src: url('../font/pkgWebFont-IosevkaAile-29.0.4.ttf') format('truetype');
}*/
@font-face {
font-family: 'TitleFont';
src: url('../font/ioseevka_term_regular.ttf') format('truetype');
@ -19,7 +24,7 @@ body {
.title {
font-family: TitleFont;
font-family: Iosevka;
font-size: 72px;
}