Ссылки Grav CMS в css

У меня проблема с добавлением пользовательских шрифтов в Grav CMS. Все шрифты добавляются по пути к папке: user/themes/bildxwerkstatt/fonts

Он работает на моем компьютере, когда я добавляю этот код в файл .css.

@font-face {
font-family: MullerBlack;
src: url(/bildxwerkstatt/user/themes/bildxwerkstatt/fonts/Muller/MullerBlack.otf);}

h1, h2, h3, h4, h5, h6 {
font-family: MullerBlack, sans-serif!important;}

Однако на хосте такой путь не работает.

Как я понял из документации Grav путь к шрифту в css должен выглядеть так:

url(theme:fonts/Muller/MullerBlack.otf);}

Но это не работает в моем случае. Та же проблема, что и у меня при попытке добавить фоновое изображение в css.

Заранее спасибо!

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
0
240
1

Ответы 1

С предоставленной информацией трудно помочь.

bildxwerkstatt — это папка в корне документа, а также название темы, верно?

Первое, что нужно проверить, это наличие предоставленного .htaccess и установленного RewriteBase. См. Устранение неполадок Grav 404 не найдено

Затем вы должны проверить свой синтаксис css.

@import url('https://...

или с base.html.twiq

<link href = "https://...

Из Управляющий активами Grav о статических активах:

The url() method takes an optional second parameter of true or false to enable the URL to include the schema and domain.

Также проверьте доступный Переменные темы.

The {{ theme_url }} returns the relative URL to the current theme.

А вот пример того, как я устанавливаю фоновое изображение для конкретной страницы:

{% set background_image = page.media.images|randomize|first %}
{% set background_image = background_image.name.cache.url %}

<div {% if background_image %} style = "background-image: url({{ background_image }})"{% endif %}></div>

Другие вопросы по теме