{"id":17125245,"url":"https://github.com/zner0l/postcss-fonticons","last_synced_at":"2025-03-24T03:32:10.505Z","repository":{"id":33658963,"uuid":"156129372","full_name":"zner0L/postcss-fonticons","owner":"zner0L","description":"A postcss plugin that allows you to create your icon font on the fly","archived":false,"fork":false,"pushed_at":"2023-04-29T19:18:39.000Z","size":67,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-09T13:45:49.564Z","etag":null,"topics":["hacktoberfest"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/zner0L.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-11-04T22:01:29.000Z","updated_at":"2022-06-14T10:45:42.000Z","dependencies_parsed_at":"2024-12-01T08:42:43.880Z","dependency_job_id":"25725f5f-a02e-48ef-8a98-518be4ab45f8","html_url":"https://github.com/zner0L/postcss-fonticons","commit_stats":{"total_commits":14,"total_committers":2,"mean_commits":7.0,"dds":0.0714285714285714,"last_synced_commit":"c9ce7665669e04dc0cae7fa1dece8e43f4d3db51"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zner0L%2Fpostcss-fonticons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zner0L%2Fpostcss-fonticons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zner0L%2Fpostcss-fonticons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zner0L%2Fpostcss-fonticons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zner0L","download_url":"https://codeload.github.com/zner0L/postcss-fonticons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245204800,"owners_count":20577410,"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":["hacktoberfest"],"created_at":"2024-10-14T18:44:31.050Z","updated_at":"2025-03-24T03:32:10.484Z","avatar_url":"https://github.com/zner0L.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# postcss-fonticons\n\npostcss-fonticons is a [postcss](https://postcss.org) plugin, generating iconfonts from svg paths in your css. It works with postcss versions \u003e 8.0.0.\n\n## Usage\n\nIn your css, add the following delcaration to your selectors to make then contain a font-icon:\n\n```\n.icon-class {\n    font-icon: url('\u003cyour-icon\u003e.svg');\n}\n```\n\nYou can also set the icon size in the same declaration:\n\n```\n.icon-class {\n    font-icon: 80% url('\u003cyour-icon\u003e.svg');\n}\n```\n\nTo use the plugin, add it to your `postcss.config.js`, like so:\n\n```\nmodule.exports = {\n    plugins: [\n        require('postcss-fonticons')({\n            iconPath: path.resolve(__dirname, '.'),\n            enforcedTimestamp: 1528942455,\n            fontName: 'example-font',\n        }),\n    ],\n};\n```\n\nYou can (and likely should) set the following options:\n\n| Option        | Default           | Comment  |\n| ------------- |:-------------:| -----:|\n| `iconPath` | `'./icons/'` | Set this to the directory where the icon urls should be resolved to |\n| `enforcedSvgHeight` | `1000` | The svg size requires all svgs to have the same height usually scaling the icons to 1000px should be fine, but if you prefer another value set it here. |\n| `fontName` | `'postcss-fonticons-generated-font'` | Use a unique font name to prevent collisions. |\n| `enforcedTimestamp` | `undefined` | UNIX timestamp as a number to overwrite the timestamp in the TTF conversion step. Set this to a fixed value to get the same build results in every run. |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzner0l%2Fpostcss-fonticons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzner0l%2Fpostcss-fonticons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzner0l%2Fpostcss-fonticons/lists"}