histoire-dev / histoire-dev/histoire

Option to add tags to the head

Open
#331 0 comments 8 reactions 0 assignees View on GitHub
enhancement: to triage
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.