@@ -110,47 +110,3 @@ To access your content on IPFS:
|
||||
2. **Public IPFS gateway:** Access your content via a public IPFS gateway, such as [https://dweb.link](https://dweb.link/) or [https://w3s.link/](https://w3s.link/). Use the gateway URL with your CID appended, like `https://dweb.link/ipfs/your_cid`.
|
||||
|
||||
Replace `your_cid` with the actual CID.
|
||||
|
||||
|
||||
## Part 5: Customization
|
||||
|
||||
### Using CircularXX font
|
||||
|
||||
1. **Procure a license for CircularXX:** Visit [Lineto](https://lineto.com/shop/select?family=circular&set=DOPhtVQR-8m) and add `Circular/Family Package` + `Circular Mono/Regular` to your cart. Check the applicable boxes in the `Configure` step to fill out licensing information. After the `Payment` step, download the `.woff2` files.
|
||||
|
||||
2. **Add the fonts to `v4-web`:** Add `CircularXXWeb-Bold.woff2`, `CircularXXWeb-Book.woff2`, `CircularXXWeb-Medium.woff2`, and `CircularXXMonoWeb-Regular.woff2` to the `src/styles/fonts` directory.
|
||||
|
||||
3. **Add font-family to stylesheets:** In `src/styles/fonts.css`, add the following code to import your newly purchased `Circular` font.
|
||||
```css
|
||||
@font-face {
|
||||
src: url("fonts/CircularXXWeb-Book.woff2") format("woff2");
|
||||
font-family: "Circular";
|
||||
font-weight: 450;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
src: url("fonts/CircularXXWeb-Medium.woff2") format("woff2");
|
||||
font-family: "Circular";
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
src: url("fonts/CircularXXWeb-Bold.woff2") format("woff2");
|
||||
font-family: "Circular";
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
src: url("fonts/CircularXXMonoWeb-Regular.woff2") format("woff2");
|
||||
font-family: "CircularMono";
|
||||
font-weight: 400;
|
||||
}
|
||||
```
|
||||
|
||||
In `src/styles/text.css`, update lines `4` and `5` to
|
||||
```css
|
||||
--fontFamily-base: "Circular", "Satoshi", system-ui, -apple-system, Helvetica, Arial, sans-serif;
|
||||
--fontFamily-monospace: "CircularMono", Courier, monospace, var(--fontFamily-base);
|
||||
```
|
||||
|
||||
Enjoy the newly installed font.
|
||||
|
||||
Reference in New Issue
Block a user