Chrome pdf 字体大小与本地 Chrome 和 Docker 中的 Chromium 的差异 (Linux)
Chrome pdf font size differences with local Chrome & Chromium in Docker (Linux)
我在 Chrome 中使用 puppeteer 在 Web 服务器上生成 pdf。
问题:
我的本地 Chrome (Mac) 和 docker 容器内 运行 的 Chromium (Linux).没有其他 css 属性或打印 @page 边距似乎受到影响,只有 docker 容器中的字体大小更大。字体也被正确嵌入。
我正在创建的 pdf 必须是像素完美的(space 非常有限),所以这会抛出分页...除了我已经尝试过的之外还有其他想法吗?
- 以 px 或 cm 为单位的字体大小
- 确保字体嵌入了正确的 Docker file config
这只是修复垂直尺寸差异的解决方案的一半:
在正文中设置一个数字行高(例如line-height: 1
)(normal
是不够的),然后为所有其他文本元素设置行高。
这将使本地 Chrome 和 docker Chromium 中的单行元素的垂直高度保持相同。但是,如果您的文本在多行中流动,docker Chromium 中较大的字体大小可能会导致文本占用额外的行。我的错误解决方法:将字体大小调小一点:(
我在 Chrome 中使用 puppeteer 在 Web 服务器上生成 pdf。
问题: 我的本地 Chrome (Mac) 和 docker 容器内 运行 的 Chromium (Linux).没有其他 css 属性或打印 @page 边距似乎受到影响,只有 docker 容器中的字体大小更大。字体也被正确嵌入。
我正在创建的 pdf 必须是像素完美的(space 非常有限),所以这会抛出分页...除了我已经尝试过的之外还有其他想法吗?
- 以 px 或 cm 为单位的字体大小
- 确保字体嵌入了正确的 Docker file config
这只是修复垂直尺寸差异的解决方案的一半:
在正文中设置一个数字行高(例如line-height: 1
)(normal
是不够的),然后为所有其他文本元素设置行高。
这将使本地 Chrome 和 docker Chromium 中的单行元素的垂直高度保持相同。但是,如果您的文本在多行中流动,docker Chromium 中较大的字体大小可能会导致文本占用额外的行。我的错误解决方法:将字体大小调小一点:(