Compare commits

...

2 commits

Author SHA1 Message Date
Author
dbd241ec1c 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.
2024-03-26 22:35:19 -04:00
Author
e11fef0f85 Augmented gitignore to exclude everything but the dummy text file 2024-03-26 22:31:41 -04:00
3 changed files with 10 additions and 4 deletions

3
.gitignore vendored
View file

@ -1,4 +1,5 @@
*~ *~
theme-compiled.css theme-compiled.css
font/*.ttf font/*
!font/*.txt
*.jpg *.jpg

View file

@ -3,7 +3,7 @@ This repository contains the code for my personal site, hosted at [carya.softwar
# Building # 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. "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 ## 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 ## 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. [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-face {
font-family: 'Iosevka'; 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-face {
font-family: 'TitleFont'; font-family: 'TitleFont';
src: url('../font/ioseevka_term_regular.ttf') format('truetype'); src: url('../font/ioseevka_term_regular.ttf') format('truetype');
@ -19,7 +24,7 @@ body {
.title { .title {
font-family: TitleFont; font-family: Iosevka;
font-size: 72px; font-size: 72px;
} }