Export to PDF Gradiant Text Not Rendering Properly

Steps to reproduce

I am using the following snippet for my headers. I am using two computers: one with Windows 11 and one with Ubuntu. With the same CSS snippet and the same vault, I export my notes to PDF. When I export from Windows, the headers look like this:

image

When I export from Linux, headers looks like this.

Expected result

On Windows, headers are correct. They should render like that.

image

Actual result

On Linux, headers are not rendered properly. Text is not visible.

Environment

SYSTEM INFO:
Obsidian version: v1.0.3
Installer version: v1.0.3
Operating system: #24-Ubuntu SMP PREEMPT_DYNAMIC Fri Oct 14 15:39:57 UTC 2022 5.19.0-23-generic
Login status: logged in
Catalyst license: insider
Insider build toggle: on
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: Dark Moss
Snippets enabled: 3
Restricted mode: off
Plugins installed: 5
Plugins enabled: 5
1: Calendar v1.5.10
2: Obsidian Git v2.9.4
3: Vault Statistics v0.1.3
4: Advanced Tables v0.17.3
5: Dataview v0.5.47

Additional Info:

Here is the CSS snippet I am using:

.cm-header-1, .markdown-preview-view h1
{
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(120deg, #ff00aa 0%, #ff0000 60%, #ff00aa 100%) !important;
  background-size: 100%;
  width: fit-content;
  color: #ff00aa;
}

we are not going to look into this and this is most likely an upstream problem, sorry!

1 Like

Just a small update. I think this is not about obsidian but the operating system’s PDF renderer. Certain things happened and I opened the file with a diffrent viewer on Windows. The text was not visible on that one too. It seems Obsidian does its best but the PDF renderers are at fault here. In short, I do not think this is about Obsidian.