Example macro for Google Fonts (with gotchas)

xpe · May 9, 2024, 3:34pm

I created a public gist here, please refer to it for the most up-to-date version:

gist.github.com

https://gist.github.com/xpe/ffd7f293421b14e7dc65545816045456

tera_macro_google_fonts.html

{% macro google_fonts(families) %}
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    {% set prefix = "https://fonts.googleapis.com/css2?" -%}
    {% set s = "" -%}
    {% for family in families -%}
        {% if loop.index0 > 0 -%}
            {% set_global s = s ~ "&" -%}
        {% endif -%}
        {% set_global s = s ~ "family=" ~ family -%}

This file has been truncated. show original

tera_templating_gotchas.md

## Gotchas

Here are some gotchmes and hopefully not gotchyous:

* Don't write `loop.index > 0` as it will always be true; `loop.index` is 1-indexed. Above, I needed the 0-indexed version: `loop.index0`. [^1]

* "If you want to assign a value in the global context while in a for loop, you _must_ use set_global" [^2]

* Don't forget to use `| safe` with trusted strings. [^3]

This file has been truncated. show original

Topic		Replies	Views
`set_global` for nested loops doesn't work how I expect Support	0	233	March 11, 2023
[SOLVED] Tera encoding URL from variable Support	5	983	May 30, 2019
[Tera] Variable assignment in `for` loop	6	519	July 6, 2021
Cache busting for SASS url() statements Support	0	324	November 14, 2022
Google is unhappy with generated sitemap Support	4	782	August 18, 2019

Example macro for Google Fonts (with gotchas)

Related topics