nzambello/nzambello.dev
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: add font

Browse source
This commit is contained in:
Nicola Zambello 2023-07-18 13:57:12 +02:00
parent 835b8bcc6e
commit b1fc8da677
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA
3 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/OpenSource.astro
View file

@ -31,9 +31,7 @@
</svg> </svg>
<h2 id="opensource">Open Source</h2> <h2 id="opensource">Open Source</h2>
<p> <p>
I believe in open source as a form of sharing, networking between companies and training between developers. I believe in open source as a form of sharing, networking between companies and training between developers. With open source, developers from all over the world collaborate on shared projects.
<br />
With open source, developers from all over the world collaborate on shared projects.
</p> </p>
</hgroup> </hgroup>

1
src/layouts/BaseLayout.astro
View file

@ -50,6 +50,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
<meta property="twitter:image" content={new URL(image, Astro.url)} /> <meta property="twitter:image" content={new URL(image, Astro.url)} />
<script async src="https://umami.nzambello.dev/script.js" data-website-id="5964d580-4baa-4c91-b4cd-6e2eae4a5bf3"></script> <script async src="https://umami.nzambello.dev/script.js" data-website-id="5964d580-4baa-4c91-b4cd-6e2eae4a5bf3"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css" />
</head> </head>
<body> <body>
<a class="skip-link" href="#navigation">Skip to navigation</a> <a class="skip-link" href="#navigation">Skip to navigation</a>

20
src/styles/global.css
View file

@ -72,14 +72,19 @@
--form-element-focus-color: var(--primary-focus); --form-element-focus-color: var(--primary-focus);
--switch-color: var(--primary-inverse); --switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary); --switch-checked-background-color: var(--primary);
--font-family: 'Ubuntu', system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", --font-family: 'Fira Code', 'Ubuntu', system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji"; "Segoe UI Symbol", "Noto Color Emoji";
} }
body { body {
font-display: swap; font-display: swap;
font-family: 'Ubuntu', sans-serif; font-family: var(--font-family, 'Fira Code'), sans-serif;
}
.headings>:last-child,
hgroup>:last-child {
font-family: var(--font-family, 'Fira Code'), sans-serif !important;
} }
::-moz-selection, ::-moz-selection,
@ -165,4 +170,15 @@ button:active {
main ul li { main ul li {
list-style: circle; list-style: circle;
}
code {
font-family: 'Fira Code', monospace;
}
@supports (font-variation-settings: normal) {
code {
font-family: 'Fira Code VF', monospace;
}
} }