js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

add font href

Browse Source
This commit is contained in:
Cory LaViska
2025-06-17 14:18:29 -04:00
parent 1a9e855f64
commit b7b754898f
2 changed files with 52 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
packages/webawesome/docs/.eleventy.js
View File

@@ -57,15 +57,51 @@ export default async function (eleventyConfig) {
hues: ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'indigo', 'purple', 'pink', 'gray'],
tints: ['95', '90', '80', '70', '60', '50', '40', '30', '20', '10', '05'],
fonts: [
{ name: 'OS Default', css: 'ui-sans-serif, system-ui, sans-serif' },
{ name: 'Quicksand', css: 'Quicksand, sans-serif' },
{ name: 'Inter', css: `'Inter', sans-serif` },
{ name: 'Space Grotesk', css: `'Space Grotesk', sans-serif` },
{ name: 'Figtree', css: `'Figtree', sans-serif` },
{ name: 'Wix Madefor Text', css: `'Wix Madefor Text', sans-serif` },
{ name: 'Mulish', css: `'Mulish', sans-serif` },
{ name: 'Nunito', css: `'Nunito', sans-serif` },
{ name: 'DM Sans', css: `'DM Sans', sans-serif` },
{
name: 'OS Default',
css: 'ui-sans-serif, system-ui, sans-serif',
href: null,
},
{
name: 'Quicksand',
css: 'Quicksand, sans-serif',
href: 'https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap',
},
{
name: 'Inter',
css: `'Inter', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap',
},
{
name: 'Space Grotesk',
css: `'Space Grotesk', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&display=swap',
},
{
name: 'Figtree',
css: `'Figtree', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=Figtree:wght@400;800&display=swap',
},
{
name: 'Wix Madefor Text',
css: `'Wix Madefor Text', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@400;500&display=swap',
},
{
name: 'Mulish',
css: `'Mulish', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap',
},
{
name: 'Nunito',
css: `'Nunito', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=Nunito:wght@500;600&display=swap',
},
{
name: 'DM Sans',
css: `'DM Sans', sans-serif`,
href: 'https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap',
},
],
elementPresets: [
{ name: 'Default', borderRadiusScale: 1, spaceScale: 1, borderWidthScale: 1 },

7
packages/webawesome/docs/examples/themes/showcase.njk
View File

@@ -23,6 +23,13 @@ layout: false
<link rel="stylesheet" href="/dist/styles/color/palettes/{{palette.filename}}" />
{% endfor %}
<!-- Available fonts -->
{% for font in themer.fonts %}
{% if font.href %}
<link rel="stylesheet" href="{{ font.href }}" />
{% endif %}
{% endfor %}
<!-- Set the initial theme and color scheme based on ?theme and ?color-scheme -->
<script type="module">
const htmlElement = document.documentElement;