Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create font declarations CSS file and put it on CloudFront #4632

Open
gfellerph opened this issue Feb 7, 2025 · 0 comments
Open

Create font declarations CSS file and put it on CloudFront #4632

gfellerph opened this issue Feb 7, 2025 · 0 comments
Labels
⚙️ setup Setup work for the repository or a new package

Comments

@gfellerph
Copy link
Member

gfellerph commented Feb 7, 2025

Some projects or third party applications have interfaces that allow to specify the font that should be used (SAP, unblu chatbot). These interfaces expect a CSS URL that has @font-face definitions in there, but nothing else.

File content (swiss-post-sans.css):

@font-face {
  font-family: 'Swiss Post Sans';
  font-weight: 900;
  font-display: swap;
  src: url('https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Black.woff2') format('woff2');
}

@font-face {
  font-family: 'Swiss Post Sans';
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Swiss Post Sans';
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Swiss Post Sans';
  font-weight: 300;
  font-display: swap;
  src: url('https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff2') format('woff2');
}

The file should be available under https://fonts.post.ch/swiss-post-sans/v1/swiss-post-sans.css.
Document the link in our docs.

@gfellerph gfellerph added the ⚙️ setup Setup work for the repository or a new package label Feb 7, 2025
@gfellerph gfellerph added this to the Long Term Support milestone Feb 7, 2025
@alizedebray alizedebray moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Feb 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⚙️ setup Setup work for the repository or a new package
Projects
Status: 💻 Ready for development
Development

No branches or pull requests

1 participant