{"id":13722738,"url":"https://github.com/kennethormandy/utility-opentype","last_synced_at":"2025-04-04T11:08:59.724Z","repository":{"id":2880823,"uuid":"47473566","full_name":"kennethormandy/utility-opentype","owner":"kennethormandy","description":"Simple, CSS utility classes for advanced typographic features.","archived":false,"fork":false,"pushed_at":"2022-04-28T17:21:25.000Z","size":33,"stargazers_count":500,"open_issues_count":7,"forks_count":21,"subscribers_count":22,"default_branch":"master","last_synced_at":"2024-10-14T11:49:07.960Z","etag":null,"topics":["css","fallback","opentype","opentype-features","sass","typography"],"latest_commit_sha":null,"homepage":"http://utility-opentype.kennethormandy.com","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kennethormandy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-05T21:35:13.000Z","updated_at":"2024-10-07T22:47:43.000Z","dependencies_parsed_at":"2022-08-07T05:15:56.415Z","dependency_job_id":null,"html_url":"https://github.com/kennethormandy/utility-opentype","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Futility-opentype","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Futility-opentype/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Futility-opentype/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Futility-opentype/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kennethormandy","download_url":"https://codeload.github.com/kennethormandy/utility-opentype/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247166167,"owners_count":20894654,"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":["css","fallback","opentype","opentype-features","sass","typography"],"created_at":"2024-08-03T01:01:32.421Z","updated_at":"2025-04-04T11:08:59.703Z","avatar_url":"https://github.com/kennethormandy.png","language":"CSS","funding_links":[],"categories":["Miscellaneous"],"sub_categories":["Free"],"readme":"[![](http://utility-opentype.kennethormandy.com/media/og-image.gif)](http://utility-opentype.kennethormandy.com)\n\n***\n\n# Utility OpenType\n\nSimple, CSS utility classes for advanced typographic features. Falls back gracefully through feature queries. Less than 1.75kB gzipped. [—@kennethormandy](https://twitter.com/kennethormandy)\n\n[Utility OpenType](http://utility-opentype.kennethormandy.com) helps you make the most of the font that you are loading in, reducing convoluted \u003cabbr class=\"caps\"\u003e\u003cspan class=\"caps\"\u003eCSS\u003c/span\u003e\u003c/abbr\u003e into four-letter, typographic utility classes, because:\n\n1.  OpenType features should be as **easy to apply** as bold and italics.\n2.  OpenType features should **cascade predictably**.\n3.  OpenType features should **fallback gracefully**.\n\nThis is described in more detail in the [design decisions](http://utility-opentype.kennethormandy.com/#design-decisions). The following examples are supported on Chrome, Firefox, and Internet Explorer 10+ and fallback as gracefully [elsewhere](http://utility-opentype.kennethormandy.com/#browser-support). Works on its own, or alongside frameworks like [Basscss](http://basscss.com).\n\n## Get started\n\nUtility OpenType is ready to use with Sass, PostCSS, or vanilla CSS. If you’re using Sass or PostCSS, install it through npm:\n\n```sh\nnpm install --save utility-opentype\n```\n\nThen, include it within your source files:\n\n```scss\n@import \"utility-opentype\";\n```\n\nIf you’re using Sass without [Eyeglass](https://github.com/sass-eyeglass/eyeglass) modules, you will need to include the actual path to the file in the `node_modules` directory, for example:\n\n```scss\n@import \"../node_modules/utility-opentype/css/utility-opentype\";\n```\n\nIf you’d like to use the css directly, download the latest version of the compiled file, or reference the hosted CDN version in your HTML:\n\n```html\n\u003clink href=\"https://cdn.rawgit.com/kennethormandy/utility-opentype/master/css/utility-opentype.min.css\" rel=\"stylesheet\"\u003e\n```\n\nThat’s it! You’re ready to use the classes within your markup.\n\n## Classes\n\n[Read the full docs with examples.](http://utility-opentype.kennethormandy.com)\n\n- [`.liga`](http://utility-opentype.kennethormandy.com/#liga) – Common Ligatures\n- [`.dlig`](http://utility-opentype.kennethormandy.com/#dlig) – Discretionary Ligatures\n- [`.smcp`](http://utility-opentype.kennethormandy.com/#smcp) – Proper Small Caps\n- [`.c2sc`](http://utility-opentype.kennethormandy.com/#c2sc) – Caps to Small Caps\n- [`.caps`](http://utility-opentype.kennethormandy.com/#caps) – Small Caps and Caps to Small Caps, still requires docs\n- [`.case`](http://utility-opentype.kennethormandy.com/#case) – Case Sensitive Forms\n- [`.titl`](http://utility-opentype.kennethormandy.com/#titl) - Titling alternates\n- [`.calt`](http://utility-opentype.kennethormandy.com/#calt) – Contextual alternates\n- [`.hist`](http://utility-opentype.kennethormandy.com/#hist) – Historical forms\n- [`.swsh`](http://utility-opentype.kennethormandy.com/#swsh) – Swashes, 1–3, still requires docs\n- [`.salt`](http://utility-opentype.kennethormandy.com/#salt) – Stylistic Alternates, numbered 1–3 classes still require docs\n- [`.ss01`](http://utility-opentype.kennethormandy.com/#ss01) – Stylistic Sets, 1–20, still requires docs\n- [`.frac`](http://utility-opentype.kennethormandy.com/#frac) – Diagonal Fractions\n- [`.afrc`](http://utility-opentype.kennethormandy.com/#afrc) – Alternate Fractions, still requires docs\n- [`.ordn`](http://utility-opentype.kennethormandy.com/#ordn) – Ordinals\n- [`.sups`](http://utility-opentype.kennethormandy.com/#sups) – Superscripts\n- [`.subs`](http://utility-opentype.kennethormandy.com/#subs) – Subscripts\n- [`.sinf`](http://utility-opentype.kennethormandy.com/#sinf) – Scientific Inferiors\n- [`.lnum`](http://utility-opentype.kennethormandy.com/#lnum) – Lining numbers\n- [`.onum`](http://utility-opentype.kennethormandy.com/#onum) – Oldstyle numbers\n- [`.pnum`](http://utility-opentype.kennethormandy.com/#pnum) – Proportinal numbers\n- [`.tnum`](http://utility-opentype.kennethormandy.com/#tnum) – Tabular numbers\n- [`.zero`](http://utility-opentype.kennethormandy.com/#zero) – Slashes Zero\n\n## Running locally\n\n```sh\ngit clone https://github.com/kennethormandy/utility-opentype\ncd utility-opentype\n\n# Install development dependencies\nnpm install\n\n# Run the test basic PostCSS tests\nnpm test\n```\n\n## License\n\n[The MIT License (MIT)](LICENSE.md)\n\nCopyright © 2015 [Kenneth Ormandy](http://kennethormandy.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethormandy%2Futility-opentype","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkennethormandy%2Futility-opentype","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethormandy%2Futility-opentype/lists"}