diff --git a/README.md b/README.md index ba71200..724c8ff 100644 --- a/README.md +++ b/README.md @@ -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. diff --git a/css/theme.css b/css/theme.css index 2dddc06..0fc176c 100644 --- a/css/theme.css +++ b/css/theme.css @@ -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; }