{"id":17963771,"url":"https://github.com/bramstein/fonzie","last_synced_at":"2025-03-25T05:32:22.254Z","repository":{"id":3446865,"uuid":"4499955","full_name":"bramstein/fonzie","owner":"bramstein","description":"A tiny @font-face loader","archived":false,"fork":false,"pushed_at":"2013-04-13T10:26:44.000Z","size":9733,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-19T09:14:24.113Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/bramstein.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}},"created_at":"2012-05-30T20:30:05.000Z","updated_at":"2018-10-08T06:53:03.000Z","dependencies_parsed_at":"2022-09-07T07:31:15.030Z","dependency_job_id":null,"html_url":"https://github.com/bramstein/fonzie","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/bramstein%2Ffonzie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramstein%2Ffonzie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramstein%2Ffonzie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bramstein%2Ffonzie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bramstein","download_url":"https://codeload.github.com/bramstein/fonzie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245407667,"owners_count":20610231,"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-10-29T11:45:10.013Z","updated_at":"2025-03-25T05:32:21.612Z","avatar_url":"https://github.com/bramstein.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"**WARNING**: The improvements in this @font-face loader have now been integrated into the [webfontloader](https://github.com/typekit/webfontloader), which is actively maintained. This project will receive no further updates, so I highly recommend using the webfontloader instead.\n\n\n## Fonzie: a tiny @font-face loader\n\nFonzie is a tiny `@font-face` loader/monitor (only 3.9Kb, and 2.2Kb gzipped) compatible with any web-font service. It will monitor when an external font is applied to the page and notify you by a callback. Fonzie does not limit you in any way in where, when, or how you load your fonts. Fonzie also correctly handles the peculiar way Webkit loads external fonts transparently, so your font `active` and `inactive` callbacks are reliable. \n\n## How to use\n\nInclude your `@font-face` rules as usual. The fonts can be supplied by either a font service such as [Google Webfonts](http://www.google.com/webfonts), [Typekit](http://typekit.com), and [Webtype](http://webtype.com) or be hosted by yourself. It doesn't matter where, when, or how you load your fonts. Fonzie will detect it regardless. You should set up monitoring for a single `font-family` at a time:\n\n    fonzie('Droid Sans', {\n        active: function() {\n            // Font is active\n        },\n        inactive: function() {\n            // Font is inactive\n        }\n    });\n\nThe first parameter to `fonzie` is the name of the font. This should match the `font-family` property in your `@font-face` rules. The second parameter is optional and can contain three properties:\n\n* `active`: A function that is called when the `font-family` is or becomes active.\n* `inactive`: A function that is called when the `font-family` is inactive. This could be caused by the font failing to load or if the load timed out. If the loading timed out, the font might still be applied by your browser. Fonzie will not call the `active` function if this happens.\n* `timeout`: The timeout in milliseconds. Defaults to 3000 (3 seconds.)\n\n## Browser support\nFonzie has been tested and works on the following browsers:\n\n* Chrome\n* Firefox\n* Opera\n* Safari\n* IE9\n* Android ICS browser\n* Chrome Beta on Android\n* Opera Mobile 12\n* iOS 5 browser\n* Firefox for Mobile\n\nIE6, IE7 and IE8 are not supported at the moment. Adding support for these browser should be trivial if there is a need for it (basically adding an EOT file.)\n\n## License\n\nFonzie is licensed under the revised BSD License. Copyright 2012 Bram Stein. All rights reserved.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbramstein%2Ffonzie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbramstein%2Ffonzie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbramstein%2Ffonzie/lists"}