{"id":23143490,"url":"https://github.com/digitalinteraction/fonts.openlab.dev","last_synced_at":"2025-04-04T12:14:44.008Z","repository":{"id":65403707,"uuid":"590872613","full_name":"digitalinteraction/fonts.openlab.dev","owner":"digitalinteraction","description":"Redistribution of fonts we use","archived":false,"fork":false,"pushed_at":"2024-11-08T14:32:39.000Z","size":46047,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T21:46:18.032Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fonts.openlab.dev/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/digitalinteraction.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-01-19T12:15:37.000Z","updated_at":"2024-11-08T14:32:43.000Z","dependencies_parsed_at":"2023-11-21T18:39:40.750Z","dependency_job_id":null,"html_url":"https://github.com/digitalinteraction/fonts.openlab.dev","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalinteraction%2Ffonts.openlab.dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalinteraction%2Ffonts.openlab.dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalinteraction%2Ffonts.openlab.dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalinteraction%2Ffonts.openlab.dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/digitalinteraction","download_url":"https://codeload.github.com/digitalinteraction/fonts.openlab.dev/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247174467,"owners_count":20896078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-17T15:13:33.668Z","updated_at":"2025-04-04T12:14:43.992Z","avatar_url":"https://github.com/digitalinteraction.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"---\npermalink: /index.html\nlayout: html.njk\n---\n\nThis site is the documentation for and hosting of curated fonts for Open Lab websites and apps.\n\n## Why?\n\n- No visitor tracking\n- Modern formats like variable fonts and woff2\n- No reliance on 3rd party services\n\n{% fontPicker %}\n\n## Fonts\n\nThese are the fonts we've added so far, [let us know](https://github.com/digitalinteraction/fonts.openlab.dev/issues) if you'd like another.\n\n\u003e The `css` examples below are simplified, make sure to read [Importing fonts](#importing-fonts) below.\n\n### Inter\n\n- Version 4.0\n- [Website](https://rsms.me/inter/)\n- [Download](https://fonts.openlab.dev/inter/inter.zip)\n- Custom axis **opsz** `14–32` (optical size)\n\n```css\n@import 'https://fonts.openlab.dev/inter/inter.css';\n\nhtml {\n  font-family: 'Inter var', 'Inter', system-ui, sans-serif;\n}\n```\n\n### Rubik\n\n- Version 2.200\n- [Website](https://github.com/googlefonts/rubik)\n- [Download](https://fonts.openlab.dev/rubik/rubik.zip)\n\n```css\n@import 'https://fonts.openlab.dev/rubik/rubik.css';\n\nhtml {\n  font-family: 'Rubik var', 'Rubik', system-ui, sans-serif;\n}\n```\n\n### Playfair\n\n- Version 1.202\n- [Website](https://github.com/clauseggers/Playfair)\n- [Download](https://fonts.openlab.dev/playfair/playfair.zip)\n\n```css\n@import 'https://fonts.openlab.dev/playfair/playfair.css';\n\nhtml {\n  font-family: 'Playfair Display var', 'Playfair Display', serif;\n}\n```\n\n### Open Sans\n\n- Version ebedbda ([git commit](https://github.com/googlefonts/opensans/commit/ebedbda589fe5bd861b02325aca98c86ad845251))\n- [Website](https://www.opensans.com/)\n- [Download](https://fonts.openlab.dev/open-sans/open-sans.zip)\n\n```css\n@import 'https://fonts.openlab.dev/open-sans/open-sans.css';\n\nhtml {\n  font-family: 'Open Sans var', 'Open Sans', system-ui, serif;\n}\n```\n\n### Montserrat\n\n- Version 7.222\n- [Website](https://github.com/JulietaUla/Montserrat)\n- [Download](https://fonts.openlab.dev/montserrat/montserrat.zip)\n\n```css\n@import 'https://fonts.openlab.dev/montserrat/montserrat.css';\n\nhtml {\n  font-family: 'Montserrat var', 'Montserrat', system-ui, serif;\n}\n```\n\n## Importing fonts\n\nTake the css file of the font and link to it from your HTML document like this:\n\n`\u003clink rel=\"stylesheet\" href=\"URL\" /\u003e`\n\nor import it from your existing style sheet:\n\n`@import 'URL';`\n\nYou should add a [preconnect](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preconnect) tag to speed things up:\n\n```html\n\u003clink rel=\"preconnect\" href=\"https://fonts.openlab.dev/\" /\u003e\n```\n\nYou should test for variable fonts using a `@supports` media query:\n\n```css\n:root {\n  font-family: 'Inter', system-ui, sans-serif;\n}\n@supports (font-variation-settings: normal) {\n  :root {\n    font-family: 'Inter var', system-ui, sans-serif;\n  }\n}\n```\n\n## Self-hosting\n\nYou can also download an entire family using the \"download\" link to get all assets in a zip, then you integrate with your project however you like.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigitalinteraction%2Ffonts.openlab.dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdigitalinteraction%2Ffonts.openlab.dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigitalinteraction%2Ffonts.openlab.dev/lists"}