Я работаю над новостной рассылкой с шаблоном zurb foundation и пытаюсь ссылаться на внешние размещенные шрифты .
Но похоже, что ссылки получаются потеряно, потому что все стили становятся встроенными. Итак, мой вопрос: как правильно связать удаленно размещенные шрифты? Я предполагаю, что должен быть способ не вставлять в линию все CSS.
Незначительное обновление
Я добавил тег <style> с необходимыми ссылками на шрифты (@font-face) в обработанный файл . html после запуска npm run build. Это работает , но я не думаю, что это самый удобный подход, и я думаю, что был бы более элегантный способ выполнения sh пользовательских размещенных шрифтов.
Первый подход
Я попытался добавить тег <style> со ссылками в виде связанного html файла partials / fonts. html, только в начале <body> внутри по умолчанию. html, но в финал ничего не компилируется . html
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head></head>
<body>
{{> fonts}}
<span class="preheader">{{description}}</span>
<table class="body">
<tr>
<td class="center" align="center" valign="top">
<center>
{{> body}}
</center>
</td>
</tr>
</table>
</body>
</html>
Я также пытался поместить ссылки внутрь из моих .s css файлов. Они также не компилируются должным образом, потому что @font-face не может быть встроенным.