Я пытаюсь сделать снимок экрана моего веб-сайта внутри puppetter, но шрифт напечатан неправильно, я использую нестандартный шрифт. Я не уверен, что эта строка кода не выполняется внутри puppetter!
<link href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CRoboto:300,400,500,600,700" rel="stylesheet">
Я пытался дождаться, пока шрифт документа не будет готов, но все еще не работает, шрифт все еще не применен
await page.evaluateHandle('document.fonts.ready');
Я использую Chupium Браузер кукловода. Также я использую docker-compose, и я даю атрибут sys_admin
to cap_add
этому сервису.
Вот мой dockerfile
FROM node:10.7.0-alpine AS base
ENV CHROME_BIN="/usr/bin/chromium-browser" \
PUPPETEER_SKIP_CHROMIUM_DOWNLOAD="true"
RUN set -x \
&& apk update \
&& apk upgrade \
&& apk add --no-cache \
udev \
ttf-freefont \
chromium \
&& npm install puppeteer@1.10.0
RUN mkdir -p /app
WORKDIR /app
COPY ./ /app/
ENTRYPOINT ["npm"]
CMD ["start"]
Вот как это выглядит внутриДокер

Вот так шрифт в хроме
