Please refer below.įinally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS. import // Weight 500.Īlternatively, the same solutions could be imported via SCSS! // Weight examples may not reflect actual compatibility. import // Defaults to weight 400.įontsource allows you to select weights and even individual styles, allowing you to cut down on payload sizes to the last byte! Utilizing the CSS unicode-range selector, all language subsets are accounted for. For example in Gatsby, you could choose to import it into a layout template ( layout.js), page component ( index.js), or gatsby-browser.js. The 'Fonts in Use' section features posts about fonts used in logos, films, TV shows, video games, books and more The 'Text Generators' section features an array of online tools for you to create and edit text graphics easily online The 'Font Collection' section is the place where you can browse, filter, custom preview and download free fonts.

yarn add // npm install within your app entry file or site component, import it in. Solutions like CRA, Gatsby and Next.js are prebuilt examples that are compatible. Installationįontsource assumes you are using a bundler, such as Webpack, to load in CSS. Please visit the main Fontsource monorepo to view more details on this package. Orbitron is available for free here.The CSS and web font files to easily self-host the “Orbitron” font. In addition to its 4 different weights, its weight axis is variable, allowing for a great range of flexibility in use. Whether for a movie poster, signage, or book cover design, Orbitron is a great choice. For this reason, if you decide to use Orbitron, it’s best to do so sparingly. Given its interesting letterforms and stronger personality, it makes sense. Unlike Eurostile or Bank Gothic, Orbitron was designed for display use.

To me, Orbitron feels like an old friend, and the sight of it tickles whichever part of my brain is storing all of my childhood memories.Īnother way Orbitron differs from other geometric sans-serif typefaces is in its purpose. If Orbitron gives a sudden sense of deja vu, it’s no wonder why. Whether through video games, movie posters, or the covers of novels, we’ve all been exposed to sci-fi in one form or another. While Orbitron may bear some semblance to the aforementioned typographic heavyweights, its unique sci-fi leanings separate it from the pack in a meaningful way. As noted by its creator, Orbitron was designed to be an alternative to other popular geometric sans-serif typefaces such as Eurostile and Bank Gothic. Its geometric letterforms give it a simultaneously retro and futuristic feel, making it an interesting addition to your arsenal. Orbitron is a sans-serif typeface created by Matt McInerney.

Orbitron font italic