@**
 * Copyright (C) 2013-2014, 2020 Debiki AB
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *@

@(tpi: debiki.SiteTpi)
@* COULD_OPTIMIZE fontello-embedded is a render blocking resource — instead, just link to the woff/2 instead, and preload. *@
<link rel="stylesheet" href="@tpi.mediaUrl("fontello/css/fontello-embedded.css")"/>@* [NGXMEDIA] *@
<link rel="stylesheet" href="@tpi.assetUrl(s"styles-bundle${tpi.dotRtl}.${tpi.minMaxCss}")"/>

@* For now, use Open-Sans always, because Ty's paddings and margins look nice with
this font size. (Other fonts can have slightly larger or smaller letters.)
Google's Roboto maybe looks nice too?  Previously used Bree Serif.

Preload regular, italic and bold. But maybe skip, if a non-latin language?
However currently somewhat many texts haven't been translated yet, so need
en_US letters anyway.
Sync with font weights [sync_fonts] so we're preloading the correct files.
*@
<link rel="preload" href="@tpi.fontUrl("open-sans-v2/files/open-sans-latin-400-normal.woff2")" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="@tpi.fontUrl("open-sans-v2/files/open-sans-latin-600-normal.woff2")" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="@tpi.fontUrl("open-sans-v2/files/open-sans-latin-400-italic.woff2")" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="@tpi.fontUrl(s"open-sans-v2/open-sans.${tpi.minMaxCss}")"/>

