diff options
Diffstat (limited to 'docs')
-rw-r--r-- | docs/content/en/functions/images/index.md | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/docs/content/en/functions/images/index.md b/docs/content/en/functions/images/index.md index 274072dba..1cf69ee78 100644 --- a/docs/content/en/functions/images/index.md +++ b/docs/content/en/functions/images/index.md @@ -42,6 +42,8 @@ The above will overlay `$logo` in the upper left corner of `$img` (at position ` ### Text +{{< new-in "0.90.0" >}} + Using the `Text` filter, you can add text to an image. {{% funcsig %}} @@ -50,7 +52,7 @@ images.Text TEXT DICT) The following example will add the text `Hugo rocks!` to the image with the specified color, size and position. -``` +```go-html-template {{ $img := resources.Get "/images/background.png"}} {{ $img = $img.Filter (images.Text "Hugo rocks!" (dict "color" "#ffffff" @@ -61,6 +63,18 @@ The following example will add the text `Hugo rocks!` to the image with the spec ))}} ``` +You can load a custom font if needed. Load the font as a Hugo `Resource` and set it as an option: + +```go-html-template + +{{ $font := resources.Get "https://github.com/google/fonts/raw/main/apache/roboto/static/Roboto-Black.ttf" }} +{{ $img := resources.Get "/images/background.png"}} +{{ $img = $img.Filter (images.Text "Hugo rocks!" (dict + "font" $font +))}} +``` + + ### Brightness {{% funcsig %}} |