histoire-dev / histoire-dev/histoire
Option to add tags to the head
- Dominant language
- TypeScript
- Stars
- 3.6k
- Forks
- 212
- PR merge metrics
- No merged PRs in 30d
Description
### Clear and concise description of the problem
WE build an app where `index.html` contains Google fonts code in the `head`:
```
```
_There are some reasons to use this approach instead of import in css._
When we work with component in histoire it uses different template and fonts are missing.
Current workaround is to use import in connected `histoire.css`:
```
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
```
### Suggested solution
Provide `head` option in histoire config where we can set all needed meta tags.
Example: https://nuxtjs.org/docs/configuration-glossary/configuration-head
### Alternative
_No response_
### Additional context
_No response_
### Validations
- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that requests the same feature to avoid creating a duplicate.
Contributor guide
Assessment
This issue has not been assessed yet.