Public/carya.software
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Updated font used + corresponding README entry

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
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.

9
css/theme.css
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;
} }