> ## Documentation Index
> Fetch the complete documentation index at: https://docs.htmldocs.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Head
> Add metadata and external resources to your document
The `Head` component allows you to add metadata and external resources to your document. It can be used to import fonts and icon libraries. It works similarly to Next.js's `Head` component, which hoists the contents to the top of the HTML document.
## Usage
Place the `Head` component inside your document, typically near the top. You can include various HTML elements that you want to be added to the `` section of your page.
```jsx Example theme={null}
import Document from "@htmldocs/core";
import Head from "@htmldocs/core";
export default function MyDocument() {
return (
{/* Rest of your document content */}
);
}
```
The `Head` component doesn't render any visible content.
It only affects the document's `` section.
## Examples
### Adding a Custom Font
```jsx Font Example theme={null}
```
### Including an External Script
```jsx Script Example theme={null}
```