A few tests of vivliostyle's css rendering. The comparison pdf is rendered using Paged.js. Which is also buggy but just in different ways. (Fewer CSS bugs.)
The issue here is that Vivliostyle does not render the contents page with a custom page style. It seems to have a problem giving the first page a custom page style
Again, background colour is missing on the first page because, under some circumstances, it doesn't seem to apply page styles to the first page.
Here we have the opposite problem. The custom page style is applied to the page with the heading but also the following page. The custom page should only be applied to the one page.
This is a repeat of the cover and contents bug where the first page, which should be a custom page style, isn't. This time paged.js fails as well.
All of the Vivliostyle examples in this repository have a bug where it successfully applies the custom font to body text but not to the header. It uses the fallback font with a fake italic slanted style instead of the provided italic font. The font is a free Google font called Literata and is included in this repository.
h2:not(#toc-title)
seems to break the stylesheet in a few ways. Not only aren't the styles not applied to the applicaple h2
elements but it also seems to break the #toc-title::before
and #toc-title::after
selectors that come after it.