Как использовать собственный шрифт в pywebview

Я хочу использовать собственный шрифт в приложении pywebview, но после добавления CSS используется только резервный шрифт. Файлы шрифтов расположены в каталоге /css/fonts, но ни относительные, ни абсолютные пути не будут работать.

Мой CSS:

@font-face {
  font-family: 'Retro Gaming';
  src: url('fonts/retro_gaming.ttf') format('truetype'),
    url('fonts/retro_gaming-webfont.woff2') format('woff2'),
    url('fonts/retro_gaming-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Courier New', Courier, monospace;
}

.menu {
  font-family: 'Retro Gaming', Courier, monospace;
}

Мой HTML:

<html>

<body>
  <p class = "menu">This font should be Retro Gaming</p>
  <p>This font should be Courier New</p>
</body>

</html>

Сообщения, которые я вижу при запуске приложения:

127.0.0.1 - - [24/Dec/2020 18:13:11] "GET / HTTP/1.1" 200 200
127.0.0.1 - - [24/Dec/2020 18:13:11] "GET /fonts/retro_gaming.ttf HTTP/1.1" 404 42
127.0.0.1 - - [24/Dec/2020 18:13:11] "GET /fonts/retro_gaming-webfont.woff2 HTTP/1.1" 404 52
127.0.0.1 - - [24/Dec/2020 18:13:11] "GET /fonts/retro_gaming-webfont.woff HTTP/1.1" 404 51

Обновлено: Изображение с путем к файлам шрифтов:

Улучшение производительности загрузки с помощью 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 страниц, которые помогут...
0
0
172
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

попробуйте добавить ../ перед вашим файлом местоположения, если ваш html-код в другом файле и css тоже такой ../fonts/retro_gaming.ttf это сработало для меня, когда мне понравился ваш путь.

Те же результаты 404.

vmaldosan 25.12.2020 14:28

можешь дать картинку для файла шрифта и путь

QXE company 26.12.2020 17:47

Конечно, я обновил свой вопрос изображением.

vmaldosan 27.12.2020 15:21
Ответ принят как подходящий

Хорошо, я понял это. Я отлично работаю, помещая файлы шрифтов в тот же каталог, где находится html (в моем случае assets). Вы даже можете создать там подкаталоги для шрифтов.

Обновлено: другой вариант - избегать загрузки стилей в окно внутри кода Python и делать это напрямую из HTML.

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