文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在pywebview中使用自定义字体

问如何在pywebview中使用自定义字体
EN

Stack Overflow用户

提问于 2020-12-25 02:25:44

回答 2查看 64关注 0票数 0

我想在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

编辑:包含字体文件路径的图像：

html

css

fonts

pywebview

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-12-28 21:14:48

好了，我想通了。我将字体文件放在与html相同的目录中(在我的例子中是assets)，这样就可以很好地工作。您甚至可以为其中的字体创建子目录。

编辑:另一种选择是避免在python代码中将样式加载到窗口，而直接从HTML加载样式。

票数 0

Stack Overflow用户

发布于 2020-12-25 02:56:29

试着在你的位置文件之前添加../，如果你的html代码在另一个文件中，css也像这样的../fonts/retro_gaming.ttf，当我喜欢你的路径时，它对我起作用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65442002

复制

相似问题

问如何在pywebview中使用自定义字体
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在pywebview中使用自定义字体EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在pywebview中使用自定义字体
EN