Using EuroPDF with Tailwind CSS

Tailwind v3

Tailwind v3 generally works fine with EuroPDF. However, there are a few things to keep in mind:

• Make sure to use the latest Prince version: pipeline=Prince16
• If you use the Play CDN for Tailwind, you need to enable advanced JavaScript preprocessing: javascript=true
• You probably need to add a CSS rule to set the base font family:

  @tailwind base;
  @tailwind components;
  @tailwind utilities;
  
  html {
    font-family: Inter, sans-serif;
  }
  

Depending on your usage, CSS generated by Tailwind may use additional features that are not yet supported by Prince. Check the process log for warnings like “unknown property ‘aspect-ratio’” and adapt your HTML/CSS if necessary.

Tailwind v4

Tailwind v4 currently does not work with EuroPDF because it depends on many bleeding-edge features that are not yet supported by Prince (for example, @layer and @property rules).