Public
Edited
Apr 14, 2023
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
<style>

@font-face {
font-family: "Neutraface Condensed Thin";
src: url('${await FileAttachment("Neutraface Condensed Thin.woff2").url()}');
}

@font-face {
font-family: "Neutraface Text Light";
src: url('${await FileAttachment("Neutraface Text Light.woff2").url()}');
}

@font-face {
font-family: "Neutraface Text Book";
src: url('${await FileAttachment("Neutraface Text Book.woff2").url()}');
}

@font-face {
font-family: "Neutraface Text Bold";
src: url('${await FileAttachment("NeutrafaceText-Bold.woff2").url()}');
}

@font-face {
font-family: "Neutraface Display Thin";
src: url('${await FileAttachment("Neutraface Display Thin.woff2").url()}');
}

@font-face {
font-family: "Neutraface Display Titling";
src: url('${await FileAttachment("Neutraface Display Titling.woff2").url()}');
}

</style>
Insert cell
<style>
.title.condensed.thin {
font-family: Neutraface Condensed Thin;
}
.title.display.thin {
font-family: Neutraface Display Thin;
}
.title.text.light {
font-family: Neutraface Text Light;
}
.title.text.book {
font-family: Neutraface Text Book;
}
.title.text.bold {
font-family: Neutraface Text Bold;
}
.title.display.titling {
font-family: Neutraface Display Titling;
}
.title, .subtitle {
text-align: right;
margin-right: 18px;
}
.title {
font-size: 144px;
}
.subtitle {
font-family: Neutraface Text Light;
font-size: 36px;
}
</style>
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more