wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

replaces freight text with newsreader text font

Browse source
This commit is contained in:
hobbes7878 2026-02-16 08:45:54 +00:00
parent 54a7532ef4
commit 11d965ea4d
Failed to extract signature
6 changed files with 112 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Theme/Theme.mdx
View file

@ -38,7 +38,7 @@ Use the [theme builder](?path=/docs/components-theming-theme-builder--docs) to s
base="dark" base="dark"
theme={{ theme={{
colour: { accent: 'var(--tr-light-orange)' }, colour: { accent: 'var(--tr-light-orange)' },
font: { family: { hed: 'FreightText, serif' } }, font: { family: { hed: '"Newsreader Text", serif' } },
}} }}
> >
<!-- Page content --> <!-- Page content -->

4
src/components/Theme/Theme.stories.svelte
View file

@ -37,7 +37,7 @@
base="dark" base="dark"
theme={{ theme={{
colour: { accent: 'var(--tr-light-orange)' }, colour: { accent: 'var(--tr-light-orange)' },
font: { family: { hed: 'FreightText, serif' } }, font: { family: { hed: '"Newsreader Text", serif' } },
}} }}
> >
<ThemedPage /> <ThemedPage />
@ -100,7 +100,7 @@
<Theme <Theme
theme={{ theme={{
colour: { background: 'steelblue', 'text-primary': '#fff' }, colour: { background: 'steelblue', 'text-primary': '#fff' },
font: { family: { note: 'FreightText, serif' } }, font: { family: { note: '"Newsreader Text", serif' } },
}} }}
base="dark" base="dark"
> >

2
src/components/Theme/themes/common.js
View file

@ -6,7 +6,7 @@ https://www.fluid-type-scale.com/calculate?minFontSize=18&minWidth=320&minRatio=
export default { export default {
font: { font: {
family: { family: {
serif: 'FreightText, serif', serif: '"Newsreader Text", serif',
'sans-serif': 'Knowledge, sans-serif', 'sans-serif': 'Knowledge, sans-serif',
monospace: monospace:
'"Droid Sans Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace', '"Droid Sans Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',

134
src/scss/fonts/_font-faces.scss
View file

@ -169,63 +169,129 @@
font-display: swap; font-display: swap;
} }
/* FREIGHT TEXT */ /* NEWSREADER TEXT */
@font-face { @font-face {
font-family: 'FreightText'; font-family: 'Newsreader Text';
src: src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Bold.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextBold.woff2') url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Bold.woff') format('woff');
format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextBold.woff')
format('woff');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'FreightText'; font-family: 'Newsreader Text';
src: src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraBoldItalic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextBook.woff2') url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraBoldItalic.woff') format('woff');
format('woff2'), font-weight: bold;
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextBook.woff') font-style: italic;
format('woff'); font-display: swap;
font-weight: normal; }
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-BoldItalic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraBold.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'FreightText'; font-family: 'Newsreader Text';
src: src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-LightItalic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextBookItalic.woff2') url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-LightItalic.woff') format('woff');
format('woff2'), font-weight: 300;
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextBookItalic.woff') font-style: italic;
format('woff'); font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-SemiBoldItalic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Medium.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-MediumItalic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-SemiBold.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraLightItalic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Italic.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Italic.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'FreightText'; font-family: 'Newsreader Text';
src: src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Regular.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextLight.woff2') url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Regular.woff') format('woff');
format('woff2'), font-weight: normal;
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextLight.woff')
format('woff');
font-weight: 300;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: 'FreightText'; font-family: 'Newsreader Text';
src: src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraLight.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextMedium.woff2') url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-ExtraLight.woff') format('woff');
format('woff2'), font-weight: 200;
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FreightTextMedium.woff') font-style: normal;
format('woff'); font-display: swap;
font-weight: 500; }
@font-face {
font-family: 'Newsreader Text';
src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Light.woff2') format('woff2'),
url('//graphics.thomsonreuters.com/style-assets/fonts/v1/NewsreaderText-Light.woff') format('woff');
font-weight: 300;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }

8
src/scss/tokens/text/_font-family.scss
View file

@ -27,8 +27,8 @@
.font-knowledge { .font-knowledge {
@include font-knowledge; @include font-knowledge;
} }
.font-freight-text { .font-newsreader-text {
@include font-freight-text; @include font-newsreader-text;
} }
.font-noto-sans-jp { .font-noto-sans-jp {
@include font-noto-sans-jp; @include font-noto-sans-jp;
@ -60,8 +60,8 @@
.\!font-knowledge { .\!font-knowledge {
@include \!font-knowledge; @include \!font-knowledge;
} }
.\!font-freight-text { .\!font-newsreader-text {
@include \!font-freight-text; @include \!font-newsreader-text;
} }
.\!font-noto-sans-jp { .\!font-noto-sans-jp {
@include \!font-noto-sans-jp; @include \!font-noto-sans-jp;

8
src/scss/tokens/text/mixins/_font-family.scss
View file

@ -25,8 +25,8 @@
@mixin font-knowledge { @mixin font-knowledge {
font-family: 'Knowledge', 'Source Sans Pro', Arial, Helvetica, sans-serif; font-family: 'Knowledge', 'Source Sans Pro', Arial, Helvetica, sans-serif;
} }
@mixin font-freight-text { @mixin font-newsreader-text {
font-family: 'FreightText', serif; font-family: 'Newsreader Text', serif;
} }
@mixin font-noto-sans-jp { @mixin font-noto-sans-jp {
font-family: 'Noto Sans JP'; font-family: 'Noto Sans JP';
@ -59,8 +59,8 @@
font-family: font-family:
'Knowledge', 'Source Sans Pro', Arial, Helvetica, sans-serif !important; 'Knowledge', 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
} }
@mixin \!font-freight-text { @mixin \!font-newsreader-text {
font-family: 'FreightText', serif !important; font-family: 'Newsreader Text', serif !important;
} }
@mixin \!font-noto-sans-jp { @mixin \!font-noto-sans-jp {
font-family: 'Noto Sans JP' !important; font-family: 'Noto Sans JP' !important;